使用AJAX自动保存文本


Autosave the text in tinymce with AJAX

我想自动保存我的文本在微型mce与一个帖子到我的控制器。我只想自动保存文本区域的name="inhoud2"。

这是我的标题:

@extends('dashboard.app')
@section('content')
@include('auth.flashMessageError')
<script src="'tinymce_4.4.1'tinymce'js'tinymce'tinymce.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>tinymce.init({ selector: 'textarea',  height : 350, }); </script>
<script>tinymce.init({ selector:'textarea' });</script>
<script>
var autosaveOn = false;
function myAutosavedTextbox_onTextChanged()
{
    if (!autosaveOn)
    {
        autosaveOn = true;
        $('#inhoud2').everyTime("300000", function(){
             $.ajax({
                 type: "POST",
                 url: "opslaanedit",
                  data: $("#editsubmit").serialize(),
                 success: function(msg) {
                     $('autosave').text("gesaved");
                 }
             });
        }); //closing tag
    }
}
</script>
这是我的html代码:
<form method="POST" id="editsubmit" action="/opslaanedit" >
    {!! csrf_field() !!}
        <div id="autosave"></div>
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h5 class="panel-title">Wijzig Document</h5>
            <div class="heading-elements">
            </div>
        </div>
        <div class="panel-body">
            <fieldset>
                <legend class="text-semibold">Wijzig de inhoud</legend>
                <div class="form-group">
                    <input type="hidden" value="{{basename($root)}}" name="filename" id="filename" readonly="readonly" class="form-control" > <!-- verborgen veld voor de html name -->
                    <label><b>Titel</b> </label>
                    <input type="text" value="{{$title}}" id="titelnieuw" name="titelnieuw" class="form-control">
                </div>
                <textarea id="inhoud2" name="inhoud2"><?php echo file_get_contents($root);?></textarea> <!--tiny mce editor -->
                <br>
                <div class="text-left">
                    <button type="submit" class="btn btn-primary">Wijzig <i class="icon-arrow-right14 position-right"></i></button>
                </div>
            </div>
        </div>
    </form>
    @endsection

我不会自动保存文本。

这看起来像是继承的代码。还有很大的改进空间。我不知道如果textarea是第一次保存,或刚刚更新,所以我不能计算到哪条路线我应该张贴textarea的值。还需要其他字段吗?

有很多因素。如果你只是害怕失去文本区域的内容,我会使用自动保存插件从timymce。