Атрибут contenteditable

Описание

Указывает, сделать ли элемент доступным для редактирования пользователем или нет.
В значении ничего не указывается, но разрешается указать:
true - Разрешить редактирование.
false - Запретить редактирование.

Синтаксис

contenteditable='true / false'

ИЛИ

contenteditable

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 .color-css{
 color: red;
 }
 </style>
 <div contenteditable>
 <p>
Это простой текст</p>
 <p class='color-css'>
А это красный текст!</p>
 </div>
</body>
</html>

Это простой текст

А это красный текст!