在包含标签的内容可编辑div中获得插入符号索引

Question

我有一个contentEditable div，其中我有多个标签（br，b，u，i）和文本。

我需要获得相对于div的插入符号索引位置，包括所有标签。

例如：

<div id="h" contenteditable="true">abc<b>def<br>ghi</b>jkl</div>

如果光标在g和h之间，则需要插入符号索引位置为14。问题是在这种情况下，找到的使用treeWalker的方法不起作用。找不到粗体标签...可能是因为它没有关闭。我也尝试了几种方法，但还是没有运气。

我需要它才能在Firefox中工作。谢谢。

Answer 1

您尝试过吗？treeWalker

Answer 2

只需要这样做，就可以找到一些可行的解决方案（可能需要进行一些测试）