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

Описание

Атрибут spellcheck для тега <q> определяет, должна ли проводиться проверка орфографии для редактируемого содержимого цитаты. Этот атрибут работает только когда элемент является редактируемым (имеет атрибут contenteditable="true").

Пример использования:
<q contenteditable="true" spellcheck="true"> Эта цитата можно редактировать с проверкой орфографии </q> <q contenteditable="true" spellcheck="false"> Эта цитата можно редактировать без проверки орфографии </q>

Допустимые значения:

Значение Поведение
true Включает проверку орфографии
false Отключает проверку орфографии
Отсутствует Наследует поведение родительского элемента

Особенности работы:

  • Работает только с редактируемым содержимым (contenteditable="true")
  • Поддержка зависит от браузера и его настроек
  • Не влияет на нередактируемые цитаты
  • Для цитат на иностранных языках может потребоваться указание lang

Пример с редактором цитат:

<style> .editable-quote { padding: 8px; border: 1px solid #ddd; min-height: 50px; display: inline-block; } </style> <q contenteditable="true" spellcheck="true" class="editable-quote" lang="ru"> Введите или отредактируйте цитату здесь... </q>

Рекомендации:

  • Включайте проверку для редактируемых текстовых цитат
  • Отключайте для цитат с кодом или специальными терминами
  • Сочетайте с атрибутом lang для правильной проверки
  • Учитывайте, что пользователь может переопределить это поведение в браузере

Ограничения:

  • Не поддерживается в некоторых мобильных браузерах
  • Не может кастомизировать словарь проверки
  • Внешний вид подчеркивания зависит от браузера

Примечание: Для профессиональных редакторов контента с проверкой орфографии рассмотрите использование специализированных JavaScript-библиотек, которые предоставляют больше возможностей кастомизации и поддержку пользовательских словарей.