javascript - 如何在内容可编辑的 div 中获取/设置相对于 HTML 的插入符号位置

Question

假设我有

 ​<div contenteditable='true'>
 my <b>bold</b> text
 </div>

我想获取（并设置）相对于 innerHtml 的光标位置。

但这里有一个问题，我在 StackOverflow 上查看了很多答案，其中大多数都在处理选择对象和范围等。我不想处理这一切。太难了 我只想使用简单的 InnerHTML 字符串和光标的索引。

假设您单击“粗体”一词的 b，我只希望它返回索引：6（这意味着它会考虑粗体 html 标记）。

我还想能够说 (setCursor(6)) ，它会将光标设置在“粗体”之前。