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

Описание

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

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

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

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

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

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

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

<style> .text-editor { padding: 15px; border: 1px solid #ddd; min-height: 100px; background: #f9f9f9; } </style> <pre contenteditable="true" spellcheck="true" class="text-editor"> Введите ваш текст здесь... Опечатки будут подчеркнуты. </pre>

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

  • Включайте проверку для редактируемых текстовых блоков
  • Отключайте для блоков с кодом (spellcheck="false")
  • Для форматированного текста используйте div[contenteditable] вместо pre
  • Помните, что пользователь может переопределить это поведение в браузере

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

<pre contenteditable="true" spellcheck="false" class="code-editor"> // Проверка орфографии отключена для кода function calculateTotal(price, quantity) { return price * quantty; // Опечатка не будет подчеркнута } </pre>

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

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

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