Форматирование текста

Визуальный редактор предоставляет различные средства форматирования текста. Опишем подробнее кнопки и выпадающие списки панели форматирования:

Стили шаблонов сайта

При переходе к редактированию страницы в списке шаблонов будет выбран шаблон по умолчанию. Его таблица стилей (файл styles.css) будет подключена для использования для данной страницы.

Для каждого шаблона задается своя таблица стилей (файл styles.css). При смене шаблона в этом окне визуальный редактор подгрузит стили выбранного шаблона.

Для каждого из стилей шаблона может быть задано название. В визуальном редакторе описанные стили могут выводится как с названиями, так и без них в зависимости от настроек Визуального редактора в модуле Управление структурой.

Стили шаблона (для ознакомления)

Внимание! Выпадающий список шаблонов не предназначен для подключения шаблона дизайна к текущей странице. Условия для использования шаблонов задаются в настройках сайта.

Указанный выпадающий список используется только для переключения таблиц стилей и шаблонов визуальных компонентов при редактировании содержания страницы.

Работа с заголовками

В визуальном редакторе есть возможность управлять заголовками в тексте. Для этого существует выпадающий список, в котором можно выбрать нужное выделение заголовка:

Таблица соответствий внешнего вида заголовка и его кода (для ознакомления)

Обычный текст	`Обычный текст`
Заголовок 1	`<h1>Заголовок 1</h1>`
Заголовок 2	`<h2>Заголовок 2</h2>`
Заголовок 3	`<h3>Заголовок 3</h3>`
Заголовок 4	`<h4>Заголовок 4</h4>`
Заголовок 5	`<h5>Заголовок 5</h5>`
Заголовок 6	`<h6>Заголовок 6</h6>`
Абзац (тег P)	`<p>Абзац (тег P)</p>`
Блок (тег DIV)	`<div>Блок (тег DIV)</div>`

Шрифты

В визуальном редакторе доступны следующие шрифты:

Цвет текста и его фона задается по кнопке :

Размер шрифта

Для изменения размера шрифта можно воспользоваться соответствующей кнопкой:

Кнопки форматирования

Рассмотрим, с помощью каких тегов реализуется различное написание текста.

Кнопка	Текст	Теги
	Жирный	`<b>Жирный</b>`
	Курсив	`<i>Курсив</i>`
	Подчеркнутый	`<u>Подчеркнутый</u>`
	~~Зачеркнутый~~	`<del>Зачеркнутый</del>`

Кнопка удаляет текстовое форматирование, т.е. удаляет теги со всеми атрибутами, отменяет выделение жирным, курсивом, подчеркивание.

Выравнивание текста

С помошью кнопки можно произвести выравнивание текста:

По левому краю;
По правому краю;
По центру;
Выравниваем по ширине.

Списки элементов

В визуальном редакторе есть возможность создать два вида списков: нумерованный и маркированный. Первый вариант создается с помощью кнопки и выглядит так: