Hallo miteinander!

Folgendes Problem:

Ich habe ein div-Element mit contentEditable = true und eine onkeyup-Funktion, mit der ich bestimme Wörter wenn sie geschrieben werden automatisch farbig hervorhebe, indem ich sie in ein span-Element einwickle.

Wenn man aber das innerHTML des div-Elements verändert, springt der Textcursor immer automatisch an den Anfang, was selbstverständlich unerwünscht ist.

Was ich also bräuchte wäre eine Methode, mit der ich

a) vor der Manipulation des HTML-Inhalts meines div-Elements die Cursorposition ermitteln und    in einer Variable abspeichern kann, um dann

b) nach der Veränderung des Inhalts den Cursor wieder an die richtige, sprich ursprüngliche    Stelle zu bugsieren,

damit man ungestört weiterschreiben kann.

Habe mir zu dem Thema schon ein paar Sachen durchgelesen - Stichworte: Range, Selection - ohne aber wirklich daraus schlau zu werden.

Falls also jemand ein praktikables Beispiel posten könnte oder einen Link parat hätte, wo das Thema etwas anschaulicher und verständlicher dargestellt wird, wäre ich wirklich sehr dankbar!

Beste Grüße,

var