0

我想自动保存 tinyMce 编辑器的内容

我正在使用带有 laravel V7 的 tinmce 版本 5.2.2

app.js 中的 tinymce 配置

require('./bootstrap');
require('tinymce/themes/silver');
require('tinymce/plugins/image');
require('tinymce/plugins/code');
require('tinymce/plugins/save');


import tinymce from 'tinymce';
tinymce.init({

        selector:'textarea#inputQuestionTitle',
        height:400,
        setup: function(editor) {
                editor.on('Change Keyup', function () {
                            editor.save();
                            //tinyMCE.triggerSave()   <-- also tried
        });
    }

具有以下视图

@extends('dashboard.layout')
@section('content')

<form id='addQ' action="{{route('questions.store')}}" method="post" enctype="multipart/form-data" >
@csrf
  <div class="form-row align-items-center "  >
      <div class="col-md-12">
        <label class="sr-only" for="inputQuestionTitle">Title</label>
        <textarea  name="title" class="form-control mb-2 " id="inputQuestionTitle" placeholder="Question Title"> </textarea>
      </div>
  </div>


         <div class="form-row">
        <button type="submit" class="btn btn-primary mb-2">Add new category </button>
     </div>




</form>
<script type="text/javascript" src="{{asset('js/app.js')}}"></script>
<script type="text/javascript">
  $(function(){
    $('#addQ').submit(function(e){
       e.preventDefault();
      var frmdata = $(this).serialize();
      console.log(frmdata); 
    });
  });
</script>
@endsection

输出

视图和标题字段的输出返回 null

我曾使用 jquery 显示带有 console.log 的输入请求如输出标题字段所示不返回任何值

请告诉我如何自动保存 tinymce 编辑器的内容并将其与输入请求一起发送..

我还尝试在 ajax 的 serialize() 方法之前使用 tinymce.triggerSave() 以便输入请求将采用 tinymce 内容但不起作用

4

1 回答 1

0

当有人正在编辑内容时，我不会尝试通过triggerSave()or方法更新文本区域，而是将其放置在提交页面的函数的最开头。这将确保在您从 textarea 中获取内容之前直接调用 。 save()tinymce.triggerSave()triggerSave()

于 2020-05-01T15:32:37.833 回答