Что такое атрибут `contenteditable`?

В двух словах

contenteditable="true" делает содержимое элемента редактируемым прямо в странице.

<div contenteditable="true" role="textbox" aria-multiline="true">
  Редактируемый текст
</div>

Используют в простых редакторах и прототипах. Минусы: непредсказуемая HTML-разметка при вставке, сложнее валидация/санитизация (XSS!), слабее контроль, чем у <input>/<textarea> или специализированного editor API.

Глобальный атрибут; значение plaintext-only поддерживается не везде одинаково.

Итог

Удобно для быстрых WYSIWYG-зон; для серьёзного ввода — осторожно с безопасностью и моделью данных.