In das nachfolgende INPUT-Feld kann man Text eingeben, nichts besonderes! Gibt man aber als letztes Zeichen ein Leerzeichen ein, so wird mit dem Node-Objekt am Ende des Formular-Bereichs ein neues Eingabefeld erzeugt, sodass dieses dann am rechten Fensterrand auch einzeln umbricht:
Zuerst kommt ein wenig Text. Danach kann man was in den laufenden Text eingeben.
Hier folgt noch ein wenig nicht editierbarer Text.Zur besseren Veranschaulichung, was passiert, sind die Eingabefelder mit Rahmen gekennzeichnet, die sich aber selbstverständlich mit CSS auch ausblenden lassen.
Imitiert bzw. sogar verbessert werden soll hier Folgendes:
Der erste Satz dieses Absatzes ist nicht editierbar. Im Microsoft Internet-Explorer ist dieser zweite Satz aber über <span contenteditable="true"> editierbar. Diese letzten Sätze hier sind auch wieder nicht editierbar. Wie merkwürdig sich das Ganze aber beim Umbruch verhält, ist zu sehen, wenn man die Fenstergröße variiert. Dabei scheint das Span-Element im MSIE nämlich teilweise seine Inline-Eigenschaft zu "vergessen".