Атрибут contenteditable

Атрибут contenteditable позволяет сделать любой элемент страницы редактируемым через браузер.

Значение true включает редактирование, а false - отключает. Вместо true можно указывать пустое значение (contenteditable="") или вообще его не писать (contenteditable).

Если атрибут отсутствует, то текст, конечно же, редактировать нельзя (того же самого мы достигнем, если напишем contenteditable="false").

Не следует думать, что после редактирования изменения на странице куда-нибудь сохранятся. Это следует реализовывать самостоятельно через JavaScript.

Пример

Давайте отредактируем текст абзаца через браузер (просто нажимаем мышкой на него и начинаем писать):

<p contenteditable> Текст данного абзаца можно редактировать через браузер. </p>

:

Пример

А теперь отключим редактирование текста (для этого можно атрибут contenteditable не писать совсем):

<p contenteditable="false"> Текст данного абзаца нельзя редактировать через браузер. </p>

: