ckeditor 5 - 你如何获得编辑数据?

时间:2017-12-06 17:28:59

标签: ckeditor5

我有以下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.

如何获取数据?

1 个答案:

答案 0 :(得分:3)

通常债权人数据是以

获得的
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>