Атрибут contenteditable
позволяет разрешить пользователю редактировать текст элемента: удалять текст, вводить новый, использовать буфер обмена и операции отмены.
Атрибут contenteditable
обладает фиксированным набором значений, он может быть пустой строкой, true
или false.
Пустая строка или true обозначают, что элемент доступен для редактирования. false обозначает, что элемент недоступен для редактирования. Есть еще третье состояние — inherit, это значение атрибута по умолчанию и оно означает, что значение наследуется от родительского элемента.
<element contenteditable = true | false>
Например,
<label contenteditable="true">Этот текст можно изменить</label>.
Вместо true
допустимо указывать не только пустую строку (contenteditable=""
), но и просто указать атрибут (contenteditable
).
Изменения не сохраняются в исходном html файле, чтобы правка как-то повлияла, нужно использовать JavaScript.
С помощью свойства CSS caret-color
можно задавать цвет указателя места вставки (маркер, указывающий место вставки следующего символа).
Базовая поддержка | 4 | 12 | 4 | 6 | 9.2 | 4 |
---|
Базовая поддержка | 3 | да | да | 4 | 10 | 4 | да |
---|