Создание сайтов на 1С Битрикс стало еще просто, используйте готовые шаблоны! Подключайте современные модули, делая ваш сайт еще эффективнее!
Например, парсер сайтов

Блочный редактор

4 800 i
Заказать
Оформление заказа
х
В наличии

Модуль основан на базе редактора Editor.js от команды CodeX (на его основе работает редактор VC.RU, TJ и DTF).

Основная концепция — блочная структура и чистые данные на выходе. В отличие от большинства редакторов, где пользователь работает с текстом внутри одной редактируемой обертки, в Editor.js каждый структурный элемент статьи — блок — это отдельный редактируемый элемент.

Блоки могут быть какие угодно: абзацы, заголовки, цитаты, списки, изображения, ролики из YouTube, свойства элементов и разделов инфоблока и так далее.

После сохранения редактор возвращает данные о каждом блоке.

Каждый блок — это отдельный плагин. Задача самого редактора —обеспечить взаимодействие пользователя с материалом: выделение, перемещение и удаление блоков, обработку вставки текста и так далее. Инструменты форматирования и панели настроек блока также формируются плагинами.

Редактор Editor.js интегрирован в формы добавления и редактирования разделов и элементов инфоблока (в карточке появляется отдельная вкладка «Блочный редактор»).

Каждый плагин редактора можно включить/отключить и сконфигурировать в настройках модуля.

Текстовая информация из блоков редактора попадает в поисковый индекс.

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

ВАЖНО: Не смотря на то, что модуль можно установить как на UTF-8 так и CP1251, сам Editor.js работает только с UTF-8. Версия модуля main не должна быть ниже 23.300.100.

  1. Установите модуль из маркетплейса стандартным образом

  2. На странице настроек модуля включите необходимые плагины

  3. В шаблонах комплексных компонентов, например, news в detail.php (также можно вставить в template.php компонента news.detail), вставьте вызов компонента hooli:editor.blocks

  4. Скопируйте базовый шаблон компонента hooli:editor.blocks и интегрируйте необходимую верстку для вывода.


x