Indsæt tekst i <div> (contenteditable) ved markørens placering

Hejsa.

Jeg har et <div> med contenteditable=on. Jeg vil gerne gøre således, at f.eks. 'foo' bliver erstattet af 'flaf' real-time - dvs. onkeydown. Dvs.:

<div> -> onkeydown = funktion der replacer værdier.

Problemet er, at når jeg replacer værdier i div'et mister markøren fokus fra div'et. Dvs. hvis man prøver at skrive en sammenhængende tekst, bliver dette umuliggjort da markøren hver eneste gang man trykker bliver flyttet til bunden af teksten.

Jeg kan forestille mig at man kan bruge noget createRange().

På forhånd tak og undskyld for den noget indviklede beskrivelse.

/mattias