Javascript 在可编辑模式下移动光标

我对contentEditable有一个问题，至少在chrome中，当用户编辑div中的文本内容时，会添加div和span

打开DIV进行编辑后，我可以通过单击（鼠标左键）来移动光标，但如果要移动光标的文本位于chrome添加的子DIV或子跨距中，光标不会移动，而是一起从DIV中取出，我必须再次激活contenteditable

有办法解决这个问题吗？或者我可以什么都不做吗？

以下是我的解决方案：

---

简言之，从div和p标记中取出所有文本，用br替换它们的开始标记，对于那些一直出现在backspace中的span标记（在chrome中），我只需将它们展开。这会自动摆脱这种风格。

下面是我对这个问题的答案。