AJAXでtinymceのテキストを自動保存します

Question

小さなmceで自分のコントローラへの投稿で自分のテキストを自動保存します。私は、テキストエリアの名前= "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 

私は自動的に私のテキストを保存しません。

Answer 1

これは継承されたコードのようです。改善の余地がたくさんあります。私はtextareaが初めて保存されたのか、それとも更新されたのかわからないので、どのルートにtextareaの値を投稿すればいいのかわかりません。それに必要な他のフィールドはありますか？

多くの要因があります。あなたがテキストエリアのコンテンツを失うことだけを恐れるならば、私はtinymceからちょうどautosave pluginを使うでしょう。コンテンツをローカルストレージに保存します。