Синтаксис

<p contenteditable="...">...</p>

и тд.

Описание

Атрибут contenteditable (от англ. content editable — содержимое доступное для редактирования) указывает, является ли содержимое элемента редактируемым или нет.

Является глобальным атрибутом и может использоваться со всеми HTML элементами.

Внимание!

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

Есть два значения для атрибута: true (можно редактировать) и false (нельзя редактировать).

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

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Атрибут contenteditable</title>
</head>
<body>
    <p contenteditable="true">Данный текст доступен для редактирования.</p>
</body>
</html>

Отображение в браузере:

Данный текст доступен для редактирования.

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

Атрибут

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

contenteditable Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных