Атрибут spellcheck тега <del>
Описание
Атрибут spellcheck определяет, должна ли проводиться проверка орфографии для редактируемого содержимого элемента <del>. Этот атрибут работает только в сочетании с contenteditable="true".
Примечание: По умолчанию браузеры не проверяют орфографию в элементах
Пример использования:
<del>, так как они обычно не являются редактируемыми.
<div contenteditable="true">
<p>Редактируемый текст: <del spellcheck="true">удалённый фрагмент с ошшибкой</del></p>
</div>
Значения атрибута:
| Значение | Описание | Поведение |
|---|---|---|
true |
Включить проверку орфографии | Браузер будет подчёркивать возможные ошибки |
false |
Выключить проверку орфографии | Орфографические ошибки не будут выделяться |
| (не указан) | Наследуемое поведение | Зависит от родительского элемента и браузера |
Практическое применение:
<style>
.editable-del {
background-color: #fff0f0;
padding: 2px;
}
</style>
<div contenteditable="true">
<p>
Редактируйте этот текст. Удалённые части:
<del class="editable-del" spellcheck="true">текст с возмоожными ошипками</del>
</p>
</div>
Рекомендации по использованию:
- Используйте только для действительно редактируемых элементов
- Для технических терминов и кодов устанавливайте
spellcheck="false" - Сочетайте с атрибутом
langдля правильного определения языка проверки - Не полагайтесь только на клиентскую проверку орфографии
- Тестируйте в разных браузерах (поведение может отличаться)
Пример с динамическим управлением:
<div contenteditable="true" id="editor">
<p><del id="del1">удалённый текст с ошипками</del></p>
</div>
<button onclick="toggleSpellcheck()">Переключить проверку</button>
<script>
function toggleSpellcheck() {
const del = document.getElementById('del1');
del.spellcheck = !del.spellcheck;
alert('Проверка орфографии: ' + (del.spellcheck ? 'ВКЛ' : 'ВЫКЛ'));
}
</script>
Ограничения и особенности:
- Работает только в редактируемых контекстах (
contenteditableили<textarea>) - Некоторые браузеры могут игнорировать атрибут для элементов
<del> - Поведение может отличаться в разных ОС (зависит от системных словарей)
- Не заменяет серверную проверку орфографии
Примечание: Хотя атрибут spellcheck может быть полезен в специализированных редакторах, в большинстве случаев для элементов <del> он не требуется. Для профессиональных решений лучше использовать специализированные библиотеки проверки орфографии.