contenteditable

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

Атрибут должен принимать одно из следующих значений:

• true или пустая строка, что указывает, что элемент редактируем.
• false, что указывает, что элемент не редактируем.
• plaintext-only, что указывает, что текст элемента редактируется, но форматирование форматированного текста отключено.

Если атрибут задан без значения, как <label contenteditable>Example Label</label>, его значение обрабатывается как пустая строка.

Если этот атрибут отсутствует или его значение некорректно, его значение унаследуется от родительского элемента: таким образом, элемент редактируется, если его родитель редактируется.

Обратите внимание, что, хотя его допустимые значения включают true и false, этот атрибут является перечисляемым, а не булевым.

Вы можете установить цвет, используемый для отображения курсора вставки курсора, с помощью свойства CSS caret-color.

Элементы, которые сделаны редактируемыми и, следовательно, интерактивными, с помощью атрибута contenteditable могут быть сфокусированы. Они участвуют в последовательной навигации по клавиатуре. Однако, элементы с атрибутом contenteditable, вложенные в другие элементы contenteditable, по умолчанию не добавляются в последовательность табуляции. Вы можете добавить вложенные элементы contenteditable в последовательность навигации по клавиатуре, указав значение tabindex (tabindex="0").

• Все глобальные атрибуты
• HTMLElement.contentEditable и HTMLElement.isContentEditable
• Свойство CSS caret-color
• событие элемента input