在Chrome的contenteditable元素的節點內將插入符位置設置為零

Question

我必須創建一個簡單的文本編輯器。 如果在最新的Firefox和chrome中就可以運行，則不需要在所有瀏覽器中都可以工作。

所以問題是，當我進入一個節點進入第一個字母后會自動進入一個節點時，我有一個帶有子節點和chrome的contenteditable div。 是否可以將插入符號設置為零位置？

小提琴

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

當插入標記插入鉻的跨度內時，插入標記會在t之后自動放置。 我厭倦了用選擇和范圍設置位置，但是沒有用。

更新：已解決，請參閱我的答案，以獲取操作方法。

在Firefox中，我想要的工作。

Answer 1

謝謝大家，為找到解決方案而感到疲倦。

如果子元素（sapn）具有true的contenteditable屬性，則其工作正常。

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

小提琴