2016-07-27 37 views
0

Ich muss einen einfachen Texteditor erstellen. In jedem Browser zu arbeiten ist nicht erforderlich, wenn es im neuesten Firefox funktioniert und Chrome reichen.Setzen Sie Caret-Position auf Null innerhalb des Knotens des contenteditable Elements in Chrom

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.

+0

Ist das Geige soll das Problem demonstrieren, weil es gleich in Chrome und Firefox verhält. –

+0

Wenn ich Firefox verwende, wird der Cursor nach '>' (span: vor Inhalt) eingefügt. In Chrom das Caret nach T Buchstabe innerhalb des Span-Tags platziert. Dies geschieht, wenn ich mit den Pfeiltasten tippe und in das Span-Element trete. – Twois

Antwort

0

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