CKEditor 5保存所选文本，并在恢复内容后再次将其设置为已选中

Posted 2021-04-11

我一直在使用CKEditor 5：

var mySelection = editor.getSelection();

获取所选文本并能够将其保存到数据库中。我想知道是否有更简单的方法将所选文本保存到数据库，然后在恢复文本后将其设置为在编辑器窗口中自动选择。

在同一文本中再次保存选择和设置选择的简便方法。是否有插件或类似的东西？

问候

答案

1. 这是获取所选内容的方法。你应该得到一个选择，从它获得一个范围（.getFirstRange()），使用for ( const item of range.getItems() )迭代范围内的所有项目，检查项目是否是文本节点（item.is( 'textProxy' )），如果是，请将其数据添加到结果（result = result + item.data）。这样您就可以获得选择内的文本。
2. 要在内容的一部分上恢复某些内容，您必须将模型范围保存在数据库中，然后将其还原并对其执行某些操作。没关系，但您需要保证内容不会在保存范围和内容之间发生变化（因此范围不会过时）。

我不确定你试图实现什么功能，但看起来你可以使用Markers