Атрибут spellcheck тега <details>

Описание

Атрибут spellcheck определяет, должна ли проводиться проверка орфографии для редактируемого содержимого внутри элемента <details>. Работает только при наличии атрибута contenteditable="true".

Примечание: По умолчанию браузеры не проверяют орфографию в содержимом <details>.
Пример использования:
<details contenteditable="true" spellcheck="true"> <summary>Редактируемый раздел</summary> <p>Этот текст будет проверяться на орфографические ошипки.</p> </details>

Значения атрибута:

Значение Описание Поведение
true Включить проверку Ошибки подчёркиваются красной линией
false Выключить проверку Орфография не проверяется
(не указан) Наследуемое поведение Зависит от родительского элемента

Практическое применение:

<div class="text-editor"> <details contenteditable="true" spellcheck="true"> <summary>Глава 1</summary> <p>Редактируемое содержимое главы с проверкой орфографии.</p> </details> <details contenteditable="true" spellcheck="false"> <summary>Кодовые примеры</summary> <pre>const variabl = "Пример кода";</pre> </details> </div> <style> .text-editor details { margin-bottom: 15px; border: 1px solid #ddd; padding: 10px; } </style>

Рекомендации по использованию:

  • Используйте spellcheck="true" для редактируемых текстовых блоков
  • Отключайте проверку (spellcheck="false") для:
    • Кодовых примеров
    • Технических терминов
    • Имен собственных
    • Специальных обозначений
  • Сочетайте с атрибутом lang для правильного выбора словаря
  • Для сложных редакторов реализуйте собственную систему проверки

Ограничения и совместимость:

  • Работает только в редактируемых элементах
  • Поддержка зависит от браузера и ОС
  • Не заменяет серверную проверку орфографии
  • Для некоторых языков могут отсутствовать словари
  • Пользователь может переопределить настройки в браузере

Примечание: Хотя атрибут spellcheck полезен для базовой проверки орфографии, для профессиональных редакторов контента рекомендуется использовать специализированные библиотеки (например, TinyMCE или CKEditor), которые предоставляют более продвинутые возможности проверки.