HTML5 за 10 минут

Ввод кнопки выделения текста курсивом


С помощью кнопки К и соответствующей команды форматирования текста, пересылаемой текущему HTML-документу, можно разрешить пользователю выделять текст курсивом.

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

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

2.   Введите выделенный ниже полужирным код для создания кнопки К и пересылки команды выделения текста курсивом при выборе этой кнопки.

<!DOCTYPE html>

<html>

<head>

<title>

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

</title>

</head>

<body>

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

<div>

<input type="button" value=T onclick=,docrnnent.execCommand(,bold,f false, null);">

<input type="button" value=TT onclick="document.execComnand (italic, false, null);">

</div>

<br>

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

</div>

</body>

</html>

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

Теперь пользователь может выделить текст и щелкнуть на кнопке К, чтобы отформатировать этот текст курсивом.

Ввод кнопки выделения текста подчеркиванием

С помощью кнопки Ч и соответствующей команды форматирования текста, пересылаемой текущему HTML-документу, можно разрешить пользователю выделять текст подчеркиванием.

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

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

2.   Введите выделенный ниже полужирным код для создания кнопки Ч и пересылки команды выделения текста подчеркиванием при выборе этой кнопки.

<!DOCTYPE html>

<html>

<head>

<title>

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

</title>

</head>

<body>

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

<div>

<input type="button" value="I" onclick="document.execCommand(bold,# false, null);">

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

onclick="document. execConand(underline, false, null);">

</div>

<br>

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

</div>

</body>

</html>

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

Теперь пользователь может выделить текст и щелкнуть на кнопке Ч, чтобы отформатировать этот текст подчеркиванием.

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