• Wersja podstawowa:

  <element contenteditable>...</element>

• Wersja rozszerzona:

  <element contenteditable="edycja">...</element>

Podanie wartości contenteditable="true" umożliwia dynamiczną edycję zawartości tak oznaczonego elementu strony. Użytkownik może wpisać np. bezpośrednio w treści akapitu swój własny tekst. Treść taka jednak nie będzie widoczna dla innych użytkowników, odwiedzających tę samą stronę. Nie będzie również możliwości jej zapisania - po odświeżeniu strony wyświetli się ponownie domyślna zawartość dokumentu.

Aby efekty edycji były trwałe, konieczne jest zainstalowanie na serwerze dowolnego Systemu Zarządzania Zawartością - CMS.

W odróżnieniu od zwykłej edycji zawartości elementu TEXTAREA, atrybut contenteditable="true" pozwala wstawiać również sformatowany tekst. Jeśli chcemy tego uniknąć, należy się posłużyć wartością contenteditable="plaintext-only". Zapewnia ona, że w przypadku próby wklejenia tekstu ze schowka systemowego (poprzez skrót klawiaturowy Ctrl+V albo opcję "Wklej" z menu kontekstowego), który zawiera np. pogrubienie, wszelkie formatowanie zostanie wcześniej z niego wyczyszczone (tekst po wklejeniu nie będzie pogrubiony).

Podanie wartości contenteditable="plaintext-only" w przeglądarkach, które jej nie obsługują, może spowodować, że element w ogóle nie będzie edytowalny.