Автосохранение текста в tinymce с помощью AJAX

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. Для этого нужны другие поля?

Есть много факторов. И если вы только боитесь потерять контент textarea, я бы использовал только autosave plugin от tinymce. Он хранит контент в локальном хранилище.