Question

我正在使用ckeditor，根据documentation，textarea值应自动更新。但是，不是。

这是我正在使用的JS：

  ClassicEditor.create( document.querySelector( '#usp-content' ), {
        toolbar: [ 'bold', 'italic', 'bulletedList' ]
    } )
    .catch( error => {
        console.log( error );
    } );

这是html：

   <form id="usp-form-11>
    <div class="form-group">
      <textarea name="usp-content" id="usp-content" rows="5" cols="30" maxlength="999999" data-required="true" required="required" placeholder="Type something..." class="usp-input usp-textarea usp-input-content my_content form-control"></textarea>
    </div>
   </form>

但是当我提交时我得到了

名称='usp-content'的无效表单控件不可聚焦。

我什至试图添加以下内容，即使文档说应该自动执行以下操作：

var contents = $('.ck-content').html();
$('.ck-content').blur(function() {
  if (contents!=$(this).html()){
    contents = $(this).html();
  }
});

$("#usp-form-11").on("submit", function(){
  $("#usp-content").attr("value", contents);
});

Answer 1

我通过手动获取数据并将其作为textarea值放置在提交上来解决了该问题

document.querySelector( '.usp-submit' ).addEventListener( 'click', () => {
  const editorData = editor.getData();
  jQuery("#usp-content").val(editorData);
} );

It is also on their doc

ckeditor不更新textarea值

1 个答案: