HTML5 за 10 минут

Атрибут spellcheck


Атрибут spellcheck, активизирующий проверку орфографии

Поддерживающие браузеры: Firefox

Во время редактирования содержимого такого элемента, как <div>, браузер может разрешить проверку орфографии введенного текста. В атрибуте spellcheck можно установить два значения.

•    Логическое значение true. Включает проверку орфографии.

•    Логическое значение false. Выключает проверку орфографии.

Далее будет показано, каким образом проверка орфографии активизируется для содержимого элемента <div> в браузере Firefox.

А теперь покажем, каким образом все рассмотренные выше средства внутристрочного редактирования реализуются на практике. И начнем с примера HTML-документа editdiv.html, в котором редактируемым будет элемент <div>.

Пример внутристрочного редактирования в элементе <div>

Прежде всего вам предстоит применить на практике новый для HTML5 атрибут contenteditable в элементе <div>. Это даст пользователю возможность вводить и править текст в данном элементе, как показано на 5.1.

Кроме того, будет показано, каким образом текст форматируется, для чего в рассматриваемый здесь пример HTML-докумен- та editdiv.html будут введены кнопки Ж (полужирный), К (курсив) и Ч (подчеркивание) (см. 5.1). Пользователю будет предоставлена также возможность вводить ссылки в свой текст и просматривать его в окончательном виде непосредственно в формате HTML после щелчка на кнопке Добавить ссылку и Показать исходный текст соответственно.

Для того чтобы приступить к созданию примера HTML-документа editdiv.html, выполните следующие действия.

1.   Создайте HTML-документ editdiv.html в любом редакторе текста, например в Windows WordPad.

2.   Введите приведенный ниже код основного тела HTML-документа.

<!DOCTYPE html>

<html>

<head>

<title>

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

</title>

</head>

<body>

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

</body>

</html>

3.   Введите выделенный ниже полужирным код для создания элемента <div> и установки логического значения true в его атрибуте contenteditable.

<!DOCTYPE html>

<html>

<head>

<title>

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

</title>

</head>

<body>

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

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

</div>

</body>

</html>

4.   Сохраните внесенные изменения в файле editdiv.html. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Итак, начало созданию примера HTML-документа editdiv.html, приведенного на 5.1, положено.

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