Hallo Leute,

ich weiß, eigentlich sollte ich in dem anderen Thread

https://forum.selfhtml.org/?t=90490&m=542764

bleiben, aber da ich sonst möglicherweise wieder in den Verdacht gerate, völlig vereinsamte Selbstgespräche zu führen, mache ich mal einen neuen draus, zumal das Thema ja nun auch etwas spezieller wird.

Ich habe mal versucht, etwas für alle Browser nachzubauen, was dem proprietären MSIE-Attribut contenteditable="true" entspricht. Ich weiß, davon bin ich noch weit entfernt, weil neue Textfelder in meinem Formular bis jetzt immer nur ganz hinten angehängt werden, aber das lässt sich bestimmt auch noch regeln.

Zuerst würde ich nur gerne mal eine Lösung für Mozilla finden, der im Moment total zickt und den ersten Buchstaben eines neuen Wortes immer noch an das alte dranhängt und das neue Wort dann von diesen ersten Buchstaben abschneidet - anders als die anderen Browser. Vermutlich ist das ein Problem des EventHandlings mit KEYPRESS.

Mit dem CSS in Mozilla und Opera bin ich auch nicht zufrieden: Da wird die font-family:monospace, wenn durch Form-Element unterbrochen, teilweise im Paragraphen-Element nicht fortgeführt. Das Form-Element verweigert sich seinerseits teilweise dem display:inline.

Wer hat Ideen zur Verbesserung?

Worum es geht, seht ihr am besten in der Praxis. Ich habe es mal ins Netz gestellt:

http://www.sprachlernspiele.de/editable

Gruß Gernot