HTML formatierbares Eingabefeld

[Be B. (bebo)]

Hi,

hat sich schon mal einer von Euch damit beschäftigt, wie man 
formartierbare Eingabefelder in Webanwendungen schreibt? Ich habe mal 
eine Datei angehänt.

Unter http://www.tinymce.com/tryit/full.php könnt ihr es selber 
ausprobieren.

Wie man in meinem Screenshot sieht, ist das gar kein Textfeld, sondern 
nur ganz normaler HTML/CSS Code.

Meine Fragen wären nun:
Wie zaubert man den blinkenden Cursor in den statische HTML Text?
Wie greift man auf Makierungen im HTML Text zurück?
Und wie findet man die Stelle im HTML Text, auf die man mit der Mouse 
geklickt hat?

[mr. mo (Gast)]

Hört sich nach Javascript/Ajax und sowas an.

[Εrnst B. (ernst)]

Der Trick liegt im contenteditable="true".
Den Großteil des Rich-Text-Editors macht der Browser nämlich selber.

Hier ein kleineres Beispiel, das ohne Megabytes an JS + CSS auskommt:

http://html5demos.com/contenteditable