Редактирование текста
Откройте окно редактирования записи. Для редактирования текстов большого объема предусмотрено поле большего размера по сравнению с полями для чисел и коротких строк. Кроме того, над этим полем находится панель форматирования текста.
Ниже приводятся назначения кнопок (по порядку):
- Преобразование выделенного текста в жирный текст
- Преобразование выделенного текста в наклонный текст
- Создание ссылки из выделенного текста
- Преобразование строк в ненумерованный список
- Преобразование строк в нумерованный список
- Режим гипертекста (HTML)
Режим гипертекста
Кнопка HTML (или Источник, в зависимости от подключенного визуального редактора) в панели текстового редактора предназначена для перехода в режим редактирования текста на более низком уровне. Фактически, это режим редактирования текста без всякого визуального форматирования. Щелкнув по кнопке HTML, вы увидите исходный код текста:
В этом коде можно заметить, что содержательный текст перемежается открывающими <..> и закрывающими тегами </..>. В этих тегах и заключена суть HTML - языка гипертекстовой разметки (HyperText Markup Language). То есть, вместо привычного оформления текста путем выделения фрагмента текста и щелкания кнопки в панели, в HTML всё форматирование производится с помощью тегов, вставляемых в начало и конец нужного фрагмента текста. Именно в режиме гипертекста рекомендуется копировать и вставлять тексты при их переносе с одного блока на другой.
Ниже приведены несколько простых тегов:
| Назначение | Пример | Код примера |
|---|---|---|
| Наклонный текст | mister | <em>mister</em> |
| Жирный текст | mister | <b>mister</b> |
| Надстрочный текст | mister | mis<sup>ter</sup> |
| Подстрочный текст | mister | mis<sub>ter</sub> |
| Неразравный пробел | mis ter | mis ter |
| Принудительный разрыв строки | mis ter | mis<br>ter |
Более сложный пример:
Таблица| Николай | Овен | Программист |
| Маша | Телец | Продавец |
<table border="1"> <tr><td>Николай</td><td>Овен </td><td>Программист</td></tr> <tr><td>Маша </td><td>Телец</td><td>Продавец </td></tr> </table>Здесь применяется следующее важное понятие HTML, как атрибут, в данном случае - это толщина бордюр таблицы в теге table. Тег <tr> означает начало строки таблицы, <td> - начало ячейки. Теги конца ячейки </td> и конца строки </tr> допустимо не применять.
Значения атрибутов нужно заключать в кавычки. В Blox CMS рекомендуются двойные кавычки (почему, см. ниже). Например, код ссылки BLOX выглядит так:
<a href="http://blox.ru" target="_blank">BLOX</a>Значение _blank атрибута target заставляет сайт открыться в новом окне. Попробуйте щелкнуть по ссылке BLOX, чтобы убедиться в этом.
Если внутри двойных кавычек нужно использовать вложенные кавычки, применяйте одинарные кавычки. Ниже показан довольно сложный код с применением, извините, JavaScript, который делает то же, что и предыдущий код, но при этом, новое окно будет иметь фиксированный размер 800х600 без всех панелей и полос прокрутки. Строковые значения функции open (управляющей окном браузера) заключены в одинарные кавычки, а сама функция, в свою очередь, входя в состав значения атрибута onclick, заключена в двойные кавычки.
<a href=""
onclick="window.open('http://blox.ru','','width=800,height=600');return false;"
>BLOX</a>
С помощью html-кодирования можно существенно расширить возможности форматирования. Исчерпывающую информацию о HTML можно узнать на официальном сайте W3C.
О вставке текстов, скопированных из других приложений
Обычно пользователи текст не набирают, а копируют из других приложений, например, из браузера. При этом нужно помнить, что вы копируете не только текст, но и оформление документа (в том числе, скрытое), которое может испортить стиль сайта.
Поэтому рекомендуем после копирования и вставки текста, выделить весь текст и нажать кнопку "Убрать форматирование".
Можно поступить кардинально, и удалить вообще все теги, в том числе, разметку абзацев. Для этого текст нужно вставить в окно редактирования, переключенное в режим "Источник".
Примечания
- Если вам нужны более широкие возможности редактирования текста, наподобие приложения Word (включая работу с таблицами), то попросите системного администратора или разработчика сайта подключить альтернативный текстовый редактор.
- Если в браузере отключено отображение картинок, то в текстовом редакторе не будут видны кнопки панели, и, следовательно, будет недоступно форматирование текста.