如何将光标聚焦在 ckeditor5 中插入文本的末尾？

Question

在下面的代码中，编辑器在按下按钮时插入了一些文本，然后编辑器将光标聚焦。但是，它将光标聚焦在文本区域的开头。我希望它在放置在那里的文本之后聚焦。这怎么可能？虽然我查看了 API 并使用了 writer、setSelection 等，但我根本不理解它们并且未能正确使用它们，因此感谢您的帮助。


<div id="editor">
  <p>Editor content goes here.</p>
</div>
<br>
<button id="focusSet">Focus</button>

<script>
  // Editor configuration.
  ClassicEditor
    .create( document.querySelector( '#editor' ))
    .then( editor => {
        window.editor = editor;
  })
    .catch( error => {
    console.error( error );
  });

  document.getElementById('focusSet').onclick = function(e) {
       window.editor.setData('text'); 
       window.editor.editing.view.focus();
  };
</script>```
How would I change this code to set the cursor to the end of the text? This comes from a jsfiddle

[JsFiddle][1]


  [1]: https://jsfiddle.net/30mb2ef9/2/

Answer 1

我这样做的方法是先设置文本，然后使用 createPositionAt 移动插入符号。

editorInstance.setData('TEXT TO SET');
editorInstance.model.change( writer => {
    writer.setSelection( writer.createPositionAt( editorInstance.model.document.getRoot(), 'end' ));
});

如何将光标聚焦在 ckeditor5 中插入文本的末尾？

How do I focus the cursor at the end of inserted text in ckeditor5?

writer

ckeditor5