HTML глобальный атрибут `contenteditable`

Определение и применение

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

Синтаксис:

HTML

<element contenteditable = "true | false | plaintext-only">

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

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

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.global_attributes.contenteditable
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`contenteditable`	✓1	✓12	✓3	✓9	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`plaintext-only`	✓51	✓12	✓136	✓38	✓5	✓51	✓136	✓41	✓4.2	✓5.0	✓51	✓4.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Значения атрибута

Значение
`true`
`false`
`plaintext-only`

Значение true указывает, что элемент может быть отредактирован, значение false означает, что содержимое не может быть отредактировано.

plaintext-only разрешает редактирование простого текста без сохранения форматирования при вставке. Пустое значение равнозначно true; отсутствие атрибута или недопустимое значение наследует режим родителя. Это перечисляемый, а не логический атрибут: contenteditable="false" действительно запрещает редактирование.

Редактирование меняет DOM, но не сохраняет исходный файл и не отправляет текст с формой автоматически. Для обычного многострочного поля формы используйте <textarea>; сохранение собственного редактора реализуют скриптом.

Примеры, попробуйте сами

Глобальный атрибут contenteditable

Введите текст в первые два абзаца. Вставьте форматированный фрагмент и сравните true с plaintext-only. Вложенный false запрещает редактирование; исходный HTML не меняется.

index.html