ckeditor5 - ckeditor 5 - 你如何获取编辑器数据？

Question

我有以下 div：

<div name="content" id="editor">

我有以下脚本：

<script>
    $(document).ready(function () {
        // CKEDITORs
        var myeditor = ClassicEditor
            .create(document.querySelector('#editor'))
            .then(editor => {
                console.log(editor);
            })
            .catch(error => {
                console.error(error);
            });
    });

    const data = editor.getData();
    const data = myeditor.getData();

</script>

从文档中，我认为我可以执行以下操作：

const data = editor.getData(); //fails with editor.getData is not a function

所以添加了上面的 myeditor var 并尝试了这个：

myeditor.getData();// also fails with same error.

如何获取数据？

Answer 1

通常债权人数据的获取方式为

CKEDITOR.instances.editorid.getData();

但是在 CKEditor 5 中没有像旧版本那样的单一全局编辑器实例，因此我们必须手动创建一个实例来全局保存数据，以便在需要时获取数据。

let editorinstance;
<script> 
    $(document).ready(function () {
    // CKEDITORs 
    var myeditor = ClassicEditor.create(document.querySelector('#editor'))
    .then
    (editor => { editorinstance =editor;})
    .catch(error => { 
        console.error(error); 
        }); 
}); 

const data = editorinstance.getData(); 
</script>