在chrome中的contenteditable元素的节点内将插入符号位置设置为零

Question

我必须创建一个简单的文本编辑器。不需要在所有浏览器中工作，如果它在最新的Firefox和Chrome中工作就足够了。

所以问题是，我有一个带有子节点和chrome的contenteditable div，当我进入一个节点时，它自动进入第一个字母后。是否可以将插入符号设置为零位置？

FIDDLE

<div contenteditable="true">
  some <span>text</span> other text
</div>

当插入符号在chrome中跨越跨度时，插入符号会在t后自动放置。我厌倦了用选择和范围设置位置，但它不起作用。

更新：已解决，请参阅我的回答，了解具体方法。

在firefox中我按照自己的意愿工作。

Answer 1

谢谢大家，为此找到解决方案有多累。

如果孩子eleme（sapn）具有真实的contenteditable属性，那就是它的工作。

<div contenteditable="true">
  some <span contenteditable="true">text</span> other text
</div>

FIDDLE