Разработка модуля для 1С-Битрикс «Интерактивный блочный редактор»

Модуль представляет собой конструктор содержимого элемента инфоблока и позволяет собирать контент из блоков.

Во время разработки были реализованы следующие функциональные возможности модуля:

• Реализовано свойство интерактивного блочного редактора, позволяющее создавать и редактировать дополнительное наполнение элемента инфоблока (как текстовым, так и графическим) в административном разделе сайта методом перетаскивания;

Свойство интерактивного блочного редактора элемента инфоблока 
(административный раздел сайта)

• Разработаны следующие функциональные блоки панели интерактивного блочного редактора:

  • Текст. Данный блок предназначен для размещения текста без дополнительной стилизации;

  • Текст со стилями. Данный блок предназначен для размещения текста и настройки его стилизации (начертание текста, размер, цвет и т.д.);

  • Картинка. Данный блок предназначен для размещения изображения;

  • Видео. Данный блок предназначен для размещения видео;

  • Видео с площадок. Данный блок предназначен для размещения видео с online-видеохостингов (YouTube, Vimeo, Дзен и т.д.), указав embed-ссылку, а также настройка отступов;

  • Секции (две, три, четыре, шесть колонок). Данные блоки предназначены для расположения функциональных блоков внутри колонок по сетке;

  • Слайдер. В данном блоке можно разместить видео и изображения;

  • Разделитель;

  • Кнопка. Данный блок предназначен для размещения ссылки в виде кнопки;

  • Код. Данный блок предназначен для вывода в публичной части сайта HTML-кода (рекомендуется использовать с пониманием принципов написания HTML-кода).

• В настройках модуля реализована возможность активации параметра для использования ленивой загрузки изображений, видео и т.д. в публичной части сайта, а так же настройка порядка расположения блоков на панели в административной части сайта;

Настройки модуля
(административный раздел сайта)

• К модулю «Интерактивный блочный редактор» реализованы следующие компоненты и шаблоны:

  • Компонент «Содержимое блочного редактора элемента инфоблока». Данный компонент предназначен для отображения блоков, расположенных в свойстве интерактивного блочного редактора элемента инфоблока из административного раздела сайта;

Расположение компонента «Содержимое блочного редактора элемента инфоблока» в визуальном редакторе (публичный раздел сайта)

• Шаблоны для стандартных компонентов (Каталог, Элемент каталога детально, Новости, Список новостей, Новость детально) для отображения блоков, расположенных в свойстве интерактивного блочного редактора элемента инфоблока из административного раздела сайта.

Демонстрационный пример содержимого свойства «Интерактивный блочный редактор» в административном разделе сайта

Демонстрационный пример содержимого свойства «Интерактивный блочный редактор» в публичном разделе сайта