javascript - 获取准确的插入位置

Question

如何获取 tinyMCE 中的当前插入符号位置？引用这个问题“Get cursor position or number of line on which the cursor is in TinyMCE”，提到了如何在 tinyMCE 中获取行号，但是我找不到关于如何获取实际插入符号位置的引用资料？我需要这个，因为我使用 tinyMCE 作为实时协作的文档，因此我需要知道在同一文档中写入的客户的插入符号的位置，以便我广播某些事件(击键、点击等)的位置。 ) 并在位置上绘制自定义插入符号，以便一个客户知道另一个客户正在编写或编辑的位置。

我找到的唯一解决方案是在内容后添加一个跨度，选择它并删除它，如下所示:

     <span id="caret_pos_holder"></span>

然后一旦插入，执行此...

     ed.selection.select(ed.dom.select('span#caret_pos_holder')[0]); //select the span
     ed.dom.remove(ed.dom.select('span#caret_pos_holder')[0]); //remove the span

这是唯一的解决办法吗？

编辑:实际上上面只是将光标的位置设置到内容的末尾，我已经使用书签处理了这一点。

难道没有什么东西可以获取到光标的位置？

Answer 1

var sel = ed.selection.getSel();

将当前选择作为选择对象返回。然后您可以查询 sel.anchorNode 和 sel.anchorOffset 以获取当前插入符位置。

将此数据广播给其他客户端比尝试将位置提取为数字更容易，但如果确实有必要，您可以从上面给出的位置爬升 DOM。