CKEditor5-使用react在编辑器的curosr位置附加内容

Question

使用React在ckeditor 5中的光标位置附加内容。我是从URL下方引用代码-

https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html

Answer 1

在onInit()中获取编辑器实例并保存对其的引用：

<CKEditor
    editor={ ClassicEditor }
    data="<p>Hello from CKEditor 5!</p>"
    onInit={ editor => {
        console.log( 'Editor is ready to use!', editor );
    } }
    // ...
/>

然后，使用编辑器API插入内容：

editor.model.change( writer => {
    writer.insertText( 'Plain text', editor.model.document.selection.getFirstPosition() );
} );

在项目的常见问题解答中查看更多insertion examples。