Атрибут spellcheck тега <strong>
Описание
Атрибут spellcheck определяет, должна ли проверяться орфография текста внутри элемента <strong> при его редактировании. Работает только в сочетании с contenteditable="true".
<div contenteditable="true">
<strong spellcheck="true">Редактируемый текст с проверкой орфографии</strong>
</div>
Значения атрибута:
| Значение | Описание | Когда использовать |
|---|---|---|
true |
Включить проверку орфографии | Для редактируемых текстовых фрагментов |
false |
Отключить проверку орфографии | Для кода, специальных терминов, имен собственных |
| (не указан) | Наследует поведение от родителя | Когда нужно сохранить общие настройки документа |
Особенности работы:
- Требует атрибута
contenteditable="true" - Эффективность зависит от указанного языка (
langатрибут) - Поддержка варьируется в разных браузерах
- Не влияет на нередактируемые элементы
Пример с разными языками:
<div contenteditable="true">
<strong spellcheck="true" lang="en">English text with spellcheck</strong><br>
<strong spellcheck="true" lang="ru">Русский текст с проверкой</strong>
</div>
Рекомендации:
- Сочетайте с атрибутом
langдля точной проверки - Отключайте проверку для элементов с кодом или специальными терминами
- Добавляйте визуальные подсказки для редактируемых областей
- Тестируйте в целевых браузерах
Ограничения:
- Не работает на мобильных устройствах одинаково
- Не заменяет профессиональные системы проверки орфографии
- Может некорректно работать со смешанными языками
- Зависит от словарей, установленных в браузере
Пример с отключенной проверкой:
<div contenteditable="true">
<strong spellcheck="false">SpecialTerm v1.2.3</strong> -
это название продукта не требует проверки орфографии
</div>
Примечание: Для сложных редакторов текста с проверкой орфографии рассмотрите использование специализированных библиотек (TinyMCE, CKEditor).