HTML5 за 10 минут

Проверка орфографии


Если браузер поддерживает проверку орфографии, а на момент написания этой книги такая возможность имелась только в браузере Firefox, то текст, введенный в редактируемых элементах и документах, можно проверить на правильность написания. Проверка орфографии активизируется в браузере Firefox по умолчанию.

Совет

Для того чтобы отключить проверку орфографии, достаточно установить логическое значение false в атрибуте spellcheck редактируемого элемента или же всего документа.

Для орфографической проверки редактируемого текста в браузере Firefox выполните следующие действия.

1.   Введите текст в редактируемом элементе или документе. Все слова, которые будут признаны в браузере Firefox как написанные с ошибками, будут подчеркнуты волнистой линией.

2.   Щелкните правой кнопкой мыши на слове, которое подчеркнуто волнистой линией как написанное неправильно. Появится контекстное меню с разными предлагаемыми вариантами правильного написания данного слова.

3.   Выберите подходящий вариант правильного написания слова. Он будет автоматически вставлен в текст вместо заменяемого слова.

Полный исходный код примера HTML-документа editdiv.html

Ниже для справки приводится полностью исходный код рассмотренного в этой главе примера HTML-документа editdiv.html.

<!DOCTYPE html>

<html>

<head>

<title>

Редактируемый элемент &lt;div&gt;

</title>

<script type="text/javascript"> function showSource()

{

var content = document.getElementById ("div").innerHTML; content.replace(/</g, &lt;); content.replace(/>/g, &gt;); alert(content);

}

function createLink()

{

var url = prompt("Введите веб-адрес:", "http://"); if (url)

document.execCommand("createlink", false, url);

}

</script>

</head>

<body>

<hlРедактируемый элемент &lt;div&gt;</hl>

<div>

<input type="button" value=W onclick="document.execCommand(bold, false, null);"> cinput type="button" value="K" onelick="document.execCommand (italic, false, null);">

<input type="button" value="4" onclick="document. execCommand(underline, false, null); "> cinput type="button" value="flo6aBHTb ссылку" onclick="createLink();"> cinput type="button" value="IIOKa3aTb исходный текст" onclick="showSource();">

</div>

<br>

<div id="div" style=border: solid black; height: ЗООрх; width: 450px contenteditable="true">

</div>

</body>

</html>

Комментарии закрыты