Оновлено: 19.05.2025

contenteditable

Frontend HTML Універсальні атрибути contenteditable

Повідомляє, що елемент доступний для редагування користувачем - можна видаляти текст і вводити новий. Також працюють стандартні команди на кшталт скасування, вставки тексту з буфера тощо.

 

 

⌨️ Синтаксис

contenteditable="true | false"

 

 

⚙️ Значення

trueВмикає режим редагування.
falseЗабороняє редагування елемента.

Замість true допустимо вказувати порожнє значення (contenteditable=""") або взагалі його не писати (contenteditable).

 

 

⚙️ Значення за замовчуванням

За замовчуванням успадковує значення батьківського елементу.

 

 

📋 Приклад

<!DOCTYPE html>
<html>
  <head>
   <metacharset="utf-8">
   <title>contenteditable</title>
  </head>
  <body>
   <h1 contenteditable="true">Tortuga</h1>
   <p contenteditable="true">And after that, they attacked Tortuga
   days of vigorous activity: ships were equipped for a long voyage,
   meat and other products were prepared, various
   supplies needed for military operations.</p>
  </body>
</html>