Просмотров: 4337 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 24.09.2015

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

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

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

3 - рабочая область.

4 - панели задач.

5 - панель отображения свойств объектов.

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

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

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


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

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

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

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

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

    Внешний вид совмещенного режима


Панель задач

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

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

С помощью действий панели задач можно сбросить кеш (например, если были добавлены собственные компоненты):

или работать со сниппетами:


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

В области 5 отображаются свойства объектов. Содержание панели зависит от фокуса курсора мыши.

Если это ссылка, тогда можно настроить ее параметры:

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


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

Описание кнопок:


9


Курсы разработаны в компании «1С-Битрикс»