javascript - 在 contentEditable 模式下移动光标

Question

我对 contentEditable 有疑问，至少在用户编辑 DIV 中的文本内容时添加了 chrome div 和 span。

打开 DIV 进行编辑后，我可以通过单击（鼠标左键）来移动光标，但如果我想将光标移动到的文本位于 chrome 添加的子 div 或子跨度之一中，则光标没有移动，而是一起从 div 中取出，我必须再次激活 contenteditable。

有没有办法解决这个问题，或者我对此无能为力？

Answer 1

这是我的解决方案：

jquery 删除 <span> 标签，同时保留其内容（并将 <divs> 和 <p>:s 替换为 <br>）

简而言之，从 div 和 p 标签中提取所有文本，用 br 替换它们的开始标签，对于那些不断出现在退格（在 chrome 中）上的 span 标签，我只是将它们展开。这会自动摆脱这种风格。