Атрибут contenteditable

Атрибут contenteditable позволяет установить элементу доступность для редактирования пользователем. Когда вы добавляете элементу атрибут contenteditable, браузер делает его доступным для редактирования. Все потомки этого элемента также становятся доступны для редактирования, если атрибут contenteditable у них явно не будет установлен в false. В основном, атрибут contenteditable обеспечивать работу WYSIWYG-редакторов, а также прямое редактирование материала на сайте.

 

Значения

  • true     разрешает редактирование элемента.
  • false    запрещает редактирование элемента.
  • inherit элемент наследует свойство от его непосредственного родителя. Доступен для редактирования, если его родитель доступен для редактирования.

Можно использовать contenteditable вообще без значения или с пустым значением contenteditable=" ".

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

inherit

Обязательный атрибут

нет

Синтаксис

contenteditable="true или false"
contenteditable=" "
contenteditable   <-- по умолчанию inherit-->

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

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка нет нет да нет нет

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 5.5+ 4.0+ 9.0+ 3.5+ 3.1+
поддержка да да да да да

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Использование атрибута contenteditable | develweb.ru</title>
 </head>
 <body>
  <p> contenteditable="true">Любой текст, который мы сюда запишем, пользователь сможет редактировать.</p>
 </body>
</html>