Question

如何从表单对象中卸载Ckeditor 5实例？我可以用ClassicEditor.create（）加载它。我找到了editor.destroy（）方法，但是它不起作用。 Javascript控制台显示“ editor.destroy不是函数”。

当前测试代码为：

<button type="button" onclick="ckEditor('load')">Start</button><button type="button" onclick="ckEditor('unload')">Stop</button>
<textarea id="welcomeText" class="form-control" tabindex="21" name="txt_welcomeText" rows="10"><p>This is my welcome text.</textarea>
<script>
   function ckEditor(action) {
      editor = ClassicEditor.create( document.querySelector( '#welcomeText' ) ).catch( error => {console.error( error );});
      if (action == "unload") editor.destroy();
   }
   </script>

最诚挚的问候，

乔治

Answer 1

这对我有用：

document.querySelector('.ck-editor__editable').ckeditorInstance.destroy()

您要做的就是获取实例，然后销毁它！
.ck-editor__editable是CKeditor的默认类。
您可以在官方文档中找到更多说明：https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/basic-api.html#destroying-the-editor

Answer 2

需要等待诺言才能获取CKEditor 5编辑器的实例。

ClassicEditor.create( element )
   .then( editor => editor.destroy() )
   .catch( err => console.error( err ) )

如何销毁Ckeditor 5实例

2 个答案: