contenteditable

Das contenteditable globale Attribut ist ein aufgezähltes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. Ist dies der Fall, modifiziert der Browser sein Widget, um die Bearbeitung zu ermöglichen.

Probieren Sie es aus

Wert

Das Attribut muss einen der folgenden Werte annehmen:

  • true oder ein leerer String, was anzeigt, dass das Element bearbeitbar ist.
  • false, was anzeigt, dass das Element nicht bearbeitbar ist.
  • plaintext-only, was anzeigt, dass der Rohtext des Elements bearbeitbar ist, aber die Formatierung mit Rich Text deaktiviert ist.

Wird das Attribut ohne einen Wert angegeben, wie z.B. <label contenteditable>Example Label</label>, wird sein Wert als leerer String behandelt.

Fehlt dieses Attribut oder ist sein Wert ungültig, wird sein Wert von seinem Elternelement geerbt: Das Element ist bearbeitbar, wenn sein Elternelement bearbeitbar ist.

Beachten Sie, dass obwohl die erlaubten Werte true und false beinhalten, dieses Attribut ein aufgezähltes und kein Boolean-Attribut ist.

Sie können die Farbe, die zum Zeichnen der Texteingabemarkierung (caret) verwendet wird, mit der CSS-Eigenschaft caret-color festlegen.

Elemente, die durch das contenteditable Attribut bearbeitbar und somit interaktiv gemacht werden, können fokussiert werden. Sie nehmen an der sequentiellen Tastaturnavigation teil. Allerdings werden Elemente mit dem contenteditable Attribut, die innerhalb anderer contenteditable Elemente verschachtelt sind, standardmäßig nicht zur Tabulatorsequenz hinzugefügt. Sie können die verschachtelten contenteditable Elemente zur Tastaturnavigationssequenz hinzufügen, indem Sie den tabindex Wert festlegen (tabindex="0").

Spezifikationen

Specification
HTML Standard
# attr-contenteditable

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch