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

Что такое блочный редактор и как он меняет работу с контентом

Блочный редактор для 1С-Битрикс — это инструмент, который полностью переосмысляет подход к созданию и редактированию материалов на сайте. В основе лежит Editor.js от команды CodeX — та же технология, что используется на крупных медиаплощадках VC.RU, TJ и DTF. Главная особенность в том, что каждая часть вашего текста, будь то абзац, заголовок, цитата или изображение, становится отдельным независимым блоком. Вам больше не нужно работать с контентом как с единым полотном, где сложно что-то переставить или отформатировать без потери структуры. Вместо этого вы собираете страницу как конструктор: каждый элемент живёт своей жизнью, но при этом идеально вписывается в общую картину.

После сохранения редактор возвращает чистые данные по каждому блоку отдельно. Это значит, что вы получаете не «кашу» из HTML-тегов, а структурированную информацию, которую легко обрабатывать, выводить в разных шаблонах или передавать в другие системы. Такой подход особенно ценен, если вы планируете часто обновлять контент или использовать его на нескольких площадках.

Гибкость настройки: включайте только то, что нужно

Каждый блок в редакторе — это отдельный плагин. Вы сами решаете, какие инструменты понадобятся вашим редакторам. Базовый набор включает абзацы, заголовки, цитаты, списки, изображения и встраиваемые видео из YouTube. Но на этом возможности не заканчиваются. В настройках модуля можно легко включить или отключить любой плагин, а также настроить его поведение под конкретные задачи. Например, если для новостных статей нужны только текст и картинки, а для каталога — ещё и свойства товаров, вы просто активируете соответствующие блоки.

Отдельного внимания заслуживают два дополнительных плагина, которые идут в комплекте. Они позволяют выводить пользовательские свойства разделов и элементов инфоблока прямо в редакторе. Это даёт возможность кастомизировать детальные страницы до мельчайших деталей, не прибегая к сложным доработкам кода. Хотите добавить на страницу товара блок с характеристиками, которые заполняются через редактор? Легко. Нужно вывести уникальные данные для каждого раздела каталога? Пара кликов — и готово.

Интеграция в привычный интерфейс Битрикс

Редактор не требует переучивать сотрудников или осваивать новые экраны. Он встраивается прямо в стандартные формы добавления и редактирования элементов и разделов инфоблока. В карточке появляется отдельная вкладка «Блочный редактор», где можно работать с контентом привычным образом. Все изменения сразу видны, а структура блоков сохраняется даже при повторном редактировании. Это значит, что ваши менеджеры и контент-менеджеры смогут начать пользоваться модулем без долгого обучения и адаптации.

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

Чистота данных и совместимость с кодировками

Одно из ключевых преимуществ блочного редактора — чистые данные на выходе. В отличие от классических WYSIWYG-редакторов, которые часто генерируют «мусорный» HTML с лишними стилями и обёртками, Editor.js возвращает только смысловую структуру. Это упрощает дальнейшую обработку контента, его экспорт в другие системы и адаптацию под разные устройства. Вы получаете не просто текст, а готовые к использованию данные, которые не требуют дополнительной чистки.

Важно учитывать, что сам Editor.js работает только с кодировкой UTF-8. Модуль можно установить как на UTF-8, так и на CP1251, но для корректной работы редактора сайт должен быть на UTF-8. Также обратите внимание на версию модуля main — она должна быть не ниже 23.300.100. Эти требования минимальны и легко проверяются при установке, так что проблем с совместимостью у современных проектов возникнуть не должно.

Кому подойдёт этот инструмент

Блочный редактор будет полезен всем, кто регулярно публикует контент на сайте: от новостных порталов и блогов до интернет-магазинов с большим каталогом. Если вы устали от того, что при редактировании статьи «плывёт» вёрстка, а изображения ведут себя непредсказуемо, этот модуль станет спасением. Он даёт контроль над каждым элементом и позволяет собирать страницы любой сложности без лишних усилий.

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