Рассмотрим внешний вид редактора и его панели подробнее. Визуальный редактор, открываемый из Публичной части и из Административного раздела несколько различается по функционалу. Будем описывать окно редактора в Административном разделе, т.к. в нем доступен несколько более широкий набор кнопок и возможностей, чем в Публичной части.

Панель инструментов

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

• Стандартные

  

• Шаблон сайта

  

• Управление и настройки

  

• Стиль

  

• Форматирование
  
  

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

При наведении курсора на выделенную область курсор меняет внешний вид.

Теперь вы можете перетаскивать панель в любую область редактора. После переноса вы можете ее закрыть, нажав на кнопку Х в правом верхнем углу панели.

Восстановить отображение панели можно с помощью кнопки Настройки.

Панель задач

Панель задач может состоять из нескольких закладок: Компоненты и Сниппеты.

Отображать и скрывать панели Компоненты и Сниппеты можно с помощью соответствующих кнопок панели 6. Доступны следующие действия управления панелью задач:

• По кнопке Свернуть можно временно скрыть панель. Вернуть ее можно, используя кнопки панели 6.
• Кнопка Обновить закешированные данные позволяет сбросить кеш, например, если были добавлены собственные компоненты.
• Кнопка Настроить вызывает форму настройки внешнего вида редактора, которая также доступна по кнопке Настройки панели инструментов.
• Кнопка Закрыть закрывает отображаемую панель. Восстановить ее отображение можно с помощью формы настройки редактора (кнопка ).

Ниже вы можете познакомиться с видео-роликом, в котором подробно рассматриваются внешний вид редактора и его панели. (2 минуты 17 секунд, 7.86 Мб.)

Загрузить ролик.

Панель переключения режимов редактирования

Панель переключения режимов редактирования состоит из следующих кнопок:

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

Кнопка служит для перехода обратно к режиму визуального редактирования.

Кнопка служит для перехода в совмещенный режим редактирования, при котором можно работать одновременно и с визуальной частью, и с исходным кодом:

При работе с исходным кодом и в совмещенном режиме редактирования становится доступной кнопка , которая служит для переноса не поместившейся на текущей строке части кода на следующие строки. Заметим, что эта кнопка присутствует и работает только в браузере Internet Explorer.

Панель отображения свойств объектов (Свойства)

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

• По кнопке Свернуть можно временно скрыть панель. Вернуть ее можно, используя кнопки панели 6.
• Кнопка Настроить вызывает форму настройки внешнего вида редактора, которая также доступна по кнопке Настройки панели инструментов.

Ниже вы можете познакомиться с видео-роликом, в котором подробно рассматриваются внешний вид редактора и его панели. (2 минуты 17 секунд, 7.86 Мб.)

Загрузить ролик.

Кнопки панели инструментов визуального HTML-редактора

Кнопка Описание Стандартные Переключение в полноэкранный режим. Изменение настроек визуального редактора. Вставить из Word. Позволяет очистить добавляемый текст от дополнительных элементов форматирования (например, стилей). Вставить фрагмент как текст. Выделить все на странице. Отменить выполненное действие. Вернуть отменённое действие. Отобразить или скрыть границы таблиц. Создать таблицу. Добавить якорь. Вставить гиперссылку. Удалить гиперссылку. Добавить изображение. Вставить специальный символ. Вставить разрыв страницы для печати. Вставить разделитель страниц <BREAK/>. Вставить Flash-ролик. Стиль Уровень (формат) текста. Например, Normal, Heading1, Heading2, ... . Шрифт. Размер шрифта. Полужирный. Курсив. Подчёркнутый. Удалить форматирование. Оптимизировать HTML-код. Форматирование Добавить горизонтальный разделитель. Выравнивание абзаца по левому краю. Выравнивание абзаца по центру. Выравнивание абзаца по правому краю. Выравнивание абзаца по ширине. Нумерованный список. Маркированный список. Уменьшить отступ. Увеличить отступ. Цвет фона. Цвет текста. Режимы редактирования Переключение в режим визуального редактирования. Переключение в режим редактирования исходного кода страницы. Переключение в совмещённый режим редактирования. Шаблон сайта Шаблон сайта. Управление и настройки Сохранение изменений и выход из визуального редактора. Выход из редактора без сохранения. Создание новой страницы. Сохранить и продолжить редактирование. Сохранить под другим именем. Переход к редактированию параметров страницы.