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

Визуальный редактор в публичной части:

Визуальный редактор в административной части:

Мы будем описывать окно редактора в Административном разделе, т.к. в нем доступен несколько более широкий набор кнопок и возможностей, чем в Публичной части.

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

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

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

  

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

  

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

  

• Стиль

  

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

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

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

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

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

Панель задач

Панель задач используется для быстрого доступа к компонентам. Компоненты делятся на системные и пользовательские, а так же на разделы по их функциональному назначению (Контент, Интернет-Магазин, Сервисы, Общение, Служебные и другие, если такие создаст разработчик). Панель задач позволяет быстро добавить на страницу компонент и приступить к настройке его параметров, не используя код.

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

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

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

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

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

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

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

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

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

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

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