Wie kann ich den Cursor nach einem span Element innerhalb eines contenteditable div setzen? Im Moment habe ich ein Bild innerhalb eines span-Elements innerhalb des contenteditable div.
Wenn ich einige Zeichen hinzufüge, werden sie innerhalb des Bereichs hinzugefügt, aber ich möchte, dass sie nach dem Bereichselement hinzugefügt werden. Irgendwelche Ideen, wie ich das erreichen kann?
In anderen Browsern als IE & lt; = 8 wird dies Folgendes tun:
%Vor%Einige Browser (insbesondere WebKit-basierte) haben jedoch feste Vorstellungen darüber, welche Positionen im Dokument für die Einfügemarke gültig sind und normalisieren jeden Bereich, den Sie der Auswahl hinzufügen, um diesen Ideen zu entsprechen. Das folgende Beispiel funktioniert in Firefox und IE 9, aber nicht in Chrome oder Safari:
Keine der Problemumgehungen ist gut. Zu den Optionen gehören:
<a> -Element anstelle von <span> , weil WebKit eine Ausnahme für <a> elements Nur span.contentEditable = false zu Tims Lösung funktionieren richtig;)
Ich habe es geschafft, dieses Problem mit dem Tag 'a' mit   zu lösen.
Beispiel: - "<a>"+ content/element you want to add +"</a> "
Tags und Links javascript html contenteditable