Автосохранение содержимого редактора TinyMce при изменении события (с laravel 7)? - PullRequest
Новая
       131

Автосохранение содержимого редактора TinyMce при изменении события (с laravel 7)?

0 голосов
/ 01 мая 2020

Я хочу автоматически сохранить содержимое редактора tinyMce

Я использую tinmce версии 5.2.2 с laravel V7

tinymce в приложении. js

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

Выходы

Output of view and title field returns null

Я использовал jquery, чтобы показать запрос ввода с console.log Как показано в поле выходного заголовка, не возвращает никакого значения

Скажите, пожалуйста, как я автоматически сохраняю содержимое редактора tinymce и отправляю его вместе с запросом ввода ..

Я также пытался tinymce.triggerSave () перед методом serialize () ajax, поэтому запрос ввода будет принимать содержимое tinymce, но не работает

1 Ответ

0 голосов
/ 01 мая 2020

Вместо того, чтобы пытаться обновить текстовую область с помощью методов triggerSave() или save(), пока кто-то редактирует контент, я просто поместил бы tinymce.triggerSave() в самом начале функции, которая передает страницу. Это гарантирует, что triggerSave() вызывается непосредственно перед тем, как вы получите контент из текстовой области.

...