javascript - 如何获取 CKEditor 5 的值？

Question

我希望能够返回 CKEditor 文本区域的值，并在其中写入我的文本。

我使用的是 CKEditor 5 CDN。首先，这是我的文本区域代码，它工作正常

<script src="https://cdn.ckeditor.com/ckeditor5/1.0.0-alpha.1/classic/ckeditor.js"></script>

<textarea class="inputStyle" id="editor" name="content" placeholder="Write your email.."></textarea>
<script>ClassicEditor.create(document.querySelector('#editor')).catch( error => { console.error( error );  } ); </script>

我曾经通过以下方式从 CKEditor 之前的文本区域获取数据:

var text = $('textarea#editor').val();

并通过以下方式设置数据:

$('textarea#editor').html("");

但我现在迷路了？我尝试了很多方法...什么是正确的方法？

Answer 1

您需要获取或保存创建的编辑器，然后使用 getData()功能。 您可以在创建时添加 .then() 以保存您的编辑器。

    var myEditor;

    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .then( editor => {
            console.log( 'Editor was initialized', editor );
            myEditor = editor;
        } )
        .catch( err => {
            console.error( err.stack );
        } );

然后使用

获取数据

myEditor.getData();