Das contenteditable-Attribut

Das Attribut contenteditable ermöglicht es, jedes Element einer Seite bearbeitbar durch den Browser zu machen.

Der Wert true schaltet die Bearbeitung ein, und false schaltet sie aus. Statt true kann ein leerer Wert angegeben werden oder das Attribut ganz weggelassen werden.

Man sollte nicht denken, dass nach der Bearbeitung die Änderungen auf der Seite irgendwo gespeichert werden. Dies muss eigenständig über JavaScript implementiert werden.

Beispiel

Lassen Sie uns den Text des Absatzes über den Browser bearbeiten (einfach mit der Maus darauf klicken und anfangen zu schreiben):

<p contenteditable>
	Der Text dieses Absatzes kann
	über den Browser bearbeitet werden.
</p>

Beispiel

Und jetzt deaktivieren wir die Textbearbeitung (dafür kann das Attribut contenteditable ganz weggelassen werden):

<p contenteditable="false">
	Der Text dieses Absatzes kann nicht
	über den Browser bearbeitet werden.
</p>

Siehe auch

das Tag textarea,
mit dem ein Texteditor erstellt werden kann