jquery - CKEditor 的 SetData 在版本 4 中不起作用 -

Question

我正在升级到 CKEditor 4.5.8 版。我使用 jQuery 访问 CKEditor API。

编辑器的文本区域不会更新。是否有我需要设置的配置选项？

HTML:

<textarea name="mck_1" id="mck_1"> Enter text. </textarea>
<script> CKEDITOR.replace( 'mck_1' ); </script>

Javascript:

CKEDITOR.instances.mck_1.setData("Hello");

我该如何调试它？我是否必须明确更新显示/文本区域？

如果我尝试在 Firebug 中手动更新文本区域，它会显示“未定义”。

CKEDITOR.instances.mck_1.setData("hi");
undefined

在 StackOverflow 中有很多关于 CKEditor 过去版本的“setData 不工作”问题，但那里没有一个建议的解决方案对我有用。

帮助!

MMiz

编辑:我意识到 textarea 上的第一个“setData”确实有效。接下来的第二个不显示。从这个thread

1 : http://ckeditor.com/forums/Support/Second-Time-jQuery-Doesnt-Work似乎有一些时间问题。但这就是我所得到的。

Answer 1

我目前正在使用 ckeditor5，但以上答案都不适合我。基于document您可以使用以下代码行操作 ckeditor 的内部 html:

// A reference to the editor editable element in the DOM.
const domEditableElement = document.querySelector( '.ck-editor__editable' );

// Get the editor instance from the editable element.
const editorInstance = domEditableElement.ckeditorInstance;

// Use the editor instance API.
editorInstance.setData( '<p>Hello world!<p>' );