Атрибут contenteditable

Атрибут contenteditable сообщает, что элемент доступен для редактирования пользователем — можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.

Синтаксис

contenteditable="true | false"

Значения

true
Включает режим редактирования.
false
Запрещает редактирование элемента.

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

Значение по умолчанию

По умолчанию наследует значение родителя.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>contenteditable</title> </head> <body> <h1 contenteditable="true">Тортуга</h1> <p contenteditable="true">А вслед за этим на Тортуге наступили дни кипучей деятельности: суда оснащались в дальний поход, заготавливалось мясо и другие продукты, грузились различные запасы, необходимые для военных действий.</p> </body> </html>

Спецификация

Браузеры

6 12 4 10 4 3
4.4 4 10 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.