如何在CKEditor5中程序化清除选区并保留光标位置？

嘿，这个需求我刚好在项目里处理过！CKEditor5的模型层API提供了很直接的方式来实现这个操作——核心思路是获取当前选区的锚点/焦点位置，然后将选区重置为折叠状态（也就是单一光标），这样既能清除选中的内容范围，又能让光标停在你想要的位置。

核心实现代码 #

假设你已经获取到了CKEditor5的编辑器实例（比如变量名为editor），可以这样写：

// 操作编辑器模型必须放在model.change事务中
editor.model.change(writer => {
  const currentSelection = editor.model.document.selection;
  
  // 获取选区的锚点位置（选区的起始点，也是光标默认停留的位置）
  const anchorPos = currentSelection.anchor;
  
  // 将选区设置为折叠状态，仅保留光标在锚点位置
  writer.setSelection(anchorPos);
});

可选调整：让光标停在选区末尾 #

如果你希望清除选区后，光标停在原本选区的末尾位置，只需要把anchor换成focus即可：

editor.model.change(writer => {
  const currentSelection = editor.model.document.selection;
  writer.setSelection(currentSelection.focus);
});

关键说明 #

• CKEditor5采用模型-视图分离的架构，所有对编辑状态的修改都必须通过model.change()包裹的事务来完成，这样才能保证模型和视图的同步。
• 这段代码对无选区的情况也兼容：如果本来就是单一光标，anchor和focus指向同一个位置，执行后不会有任何异常。

内容的提问来源于stack exchange，提问作者AlexBlack