Внешний вид редактора

Урок 118 из 348
Автор: Денис Котлярчук
Сложность урока:
2 уровень - несложные понятия и действия, но не расслабляйтесь.
2 из 5
Дата изменения: 15.10.2020
Просмотров: 29528
Ограничения по редакциям: Ограничений нет

  Из чего состоит редактор

В предыдущем уроке мы узнали где в системе "1С-Битрикс: Управление сайтом" используется визуальный редактор. Во всех этих случаях внешний вид редактора остается неизменным. Давайте разберем внешний вид редактора и его панели подробнее.

Нажмите на рисунок, чтобы увеличить

1 - панель переключения режимов редактирования. На этой панели мы переключаемся между визуальным режимом и режимом исходного кода.

2 - панель инструментов визуального редактора. Здесь расположены все те инструменты и команды, которые мы будем использовать для работы с текстом и графикой.

3 - рабочая область. Это непосредственно зона для редактирования.

4 - панель компонентов и сниппетов.

5 - панель навигации.

Теперь разберемся для чего нужна каждая панель.

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

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

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

Кнопка Описание
Переключение в режим визуального редактирования.
Переключение в режим редактирования исходного кода страницы.
Переключение в совмещённый по горизонтали режим редактирования.
Переключение в совмещённый по вертикали режим редактирования.
Отменить выполненное действие.
Вернуть отменённое действие.
Стиль и форматирование текста.
Шрифт.
Размер шрифта.
Жирный.
Курсив.
Подчёркнутый.
Зачеркнутый.
Удалить форматирование.
Цвет текста.
Нумерованный список.
Маркированный список.
Увеличить отступ.
Уменьшить отступ.
Выравнивание абзаца по выбранному краю.
Вставить ссылку.
Удалить ссылку.
Добавить изображение.
Вставить видеоролик.
Добавить якорь.
Создать таблицу.
Шаблон сайта.
Переключение в полноэкранный режим.
Вставить специальный символ.
Вставить разрыв страницы для печати.
Вставить разделитель страниц.
Проверка орфографии.
Отправить уникальный текст в Яндекс.
Нижний индекс.
Верхний индекс.
Настройки.

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

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

Соответственно на панели мы видим кнопки для переключения между этими режимами:

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

Панель компонентов и сниппетов

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

Обратите внимание, что при работе с информационными блоками панель Компоненты не отображается.

Сниппет - это заранее подготовленный фрагмент текста или кода, этакие заготовки. Предположим, что вам каждый день приходится вставлять на страницы сайта одну и ту же таблицу или форму. Вы можете сохранить эту таблицу в сниппетах и затем простым перетаскиванием размещать ее в нужном месте.

Пример работы со сниппетами

Панель навигации по элементам и сущностям

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

  Заключение

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


Курсы разработаны в компании «1С-Битрикс»
Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны Вам за помощь в улучшении документации.

Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас