Setzen Sie Caret-Position auf Null innerhalb des Knotens des contenteditable Elements in Chrom

Question

Ich muss einen einfachen Texteditor erstellen. In jedem Browser zu arbeiten ist nicht erforderlich, wenn es im neuesten Firefox funktioniert und Chrome reichen.

Also das Problem ist, ich habe ein contenteditable div mit Kind-Knoten und in Chrom, wenn ich in einem Knoten seinen Schritt automatisch nach dem ersten Buchstaben Schritt. Kann der Caret auf die Nullposition gesetzt werden?

FIDDLE

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

, wenn sie innerhalb der Spanne in Chrom caret Schritt automatisch das Caret nach t gesetzt. Ich bin müde, um die Position mit Auswahl und Bereich zu setzen, aber es hat nicht funktioniert.

UPDATE: Gelöst, siehe meine Antwort, um zu bekommen, wie.

In Firefox seine Arbeit, wie ich will.

Answer 1

Danke allen, wie müde, eine Lösung dafür zu finden.

Wenn das Kind eleme (sapn) hat zufrieden stellendes Attribut mit wahr, seine Arbeit.

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

FIDDLE