AJAX로 tinymce에서 텍스트 자동 저장

Question

내 컨트롤러의 게시물을 사용하여 작은 mce에서 텍스트를 자동 저장하려고합니다. 텍스트 상자의 "inhoud2"라는 이름 만 자동 저장하고 싶습니다.

<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 

나는 자동으로 내 텍스트를 저장하지 않습니다

@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 코드는 다음과 같습니다

여기 내 헤더입니다.

Answer 1

이 코드는 상속 된 코드처럼 보입니다. 개선의 여지가 많이 있습니다. textarea가 처음 저장되었거나 업데이트 된 것인지 여부는 알 수 없으므로 어떤 경로로 텍스트 영역의 값을 게시해야하는지 알 수 없습니다. 거기에 필요한 다른 필드가 있습니까?

많은 요인이 있습니다. 그리고 텍스트 영역 내용을 잃을 까봐 두려워하면 나는 tinymce에서 autosave plugin만을 사용합니다. 콘텐츠를 로컬 저장소에 보관합니다.