Atrybut contenteditable

Atrybut contenteditable pozwala uczynić dowolny element strony edytowalnym przez przeglądarkę.

Wartość true włącza edycję, a false - wyłącza. Zamiast true można podać pustą wartość lub w ogóle jej nie pisać.

Nie należy sądzić, że po edycji zmiany na stronie gdzieś się zapiszą. Należy to zaimplementować samodzielnie za pomocą JavaScript.

Przykład

Edytujmy tekst akapitu przez przeglądarkę (po prostu kliknij na niego myszką i zacznij pisać):

html<p contenteditable>
  Tekst tego akapitu można
  edytować przez przeglądarkę.
</p>

Результат:

Przykład

A teraz wyłączmy edycję tekstu (w tym celu można w ogóle nie pisać atrybutu contenteditable):

html<p contenteditable="false">
  Tekstu tego akapitu nie można
  edytować przez przeglądarkę.
</p>

Результат:

Zobacz też

  • znacznik textarea,
    za pomocą którego można stworzyć edytor tekstu