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

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

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

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

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

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

  • Стиль

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

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

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

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

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

Примечание: Подробнее о настройке внешнего вида смотрите в уроке Настройка внешнего вида редактора.

Внимание! Состав и набор кнопок на панели инструментов может отличаться, в зависимости от режима работы редактора и настроек администратора.

Панель задач

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

Примечание: В версии продукта до 9.5 присутствует закладка Компоненты 1.0. Она позволяет добавлять на страницу компоненты 1.0, которые устарели и не рекомендуются к использованию.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


 Начать курс обучения