Визуальный редактор для 1С-Битрикс

Из идеи —
в страницу.

Конструктор страниц для вашего Битрикса. Собирайте содержание из готовых блоков и меняйте оформление в визуальном редакторе.

24 блока для ваших идейДемо без регистрации
Как это работает
01 / ОТ МЫСЛИ ДО СТРАНИЦЫ

Меньше «как это сделать».
Больше «вот что я хочу».

01

Выберите место.

Откройте редактор на существующей странице или в поле инфоблока.

02

Соберите содержание.

Добавьте блоки, напишите текст, настройте оформление. Или начните с готовой секции.

03

Посмотрите. Сохраните.

Проверьте адаптивность, сохраните черновик и опубликуйте готовый результат.

02 / ИНСТРУМЕНТЫ ПОД РУКОЙ

Простой снаружи.
Много умеет.

У каждого инструмента есть задача.
Нажмите на строку — узнайте о возможностях блока.

Все блоки и их возможности · 24 ↑
ОДИН РЕДАКТОР. РАЗНЫЕ ЗАДАЧИ.

Что создадим
сегодня?

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

УСЛУГИ / ПРОЕКТИРОВАНИЕПРИМЕР СТРУКТУРЫ

От замысла к пространству.

01Слушаем02Проектируем03Создаём
СОДЕРЖАНИЕ, КОТОРОЕ ВЫ СОБРАЛИ САМИ01 / 04
Страница услуги

Расскажите о подходе, покажите этапы работы и помогите посетителю сделать следующий шаг.

ГДЕ В БИТРИКСЕОбласть редактирования на странице сайта
  1. Первый экран
  2. Этапы в колонках
  3. Ответы на вопросы
  4. Кнопка обращения
ВНУТРИ 1С-БИТРИКС: УПРАВЛЕНИЕ САЙТОМ

Новый способ работать.
Ваш привычный Битрикс.

Визуальный конструктор страниц работает внутри «1С-Битрикс: Управление сайтом». Разработчик подключает области и поля, настраивает оформление и права; контент-редактор собирает и обновляет содержание из блоков.

Сайт → Страница → Область контента

Меняйте содержание там, где его видят.

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

  • Существующий шаблон сайта и его навигация сохраняются.
  • Черновик можно доработать перед публикацией.
  • Посетители получают опубликованный HTML страницы.
  1. 01Открыть область
  2. 02Изменить блоки
  3. 03Проверить и опубликовать
01 / В МОДУЛЕ

Адаптив для каждого экрана

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

02 / В МОДУЛЕ

Разделение доступа в команде

Доступ к редактированию и сохранению определяется правами страницы или инфоблока в Битриксе. Для общих шаблонов можно задать аудиторию по сайтам и группам. Просмотр диагностики и изменение настроек модуля имеют отдельные права — специалисту можно открыть состояние сайта без доступа к настройкам.

03 / В МОДУЛЕ

Страница состояния сайта

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

04 / В МОДУЛЕ

Смена стилей и дизайн вашего сайта

Меняйте шрифты, цвета, размеры, фон и отступы в редакторе. Разработчик подключает CSS-классы сайта, настраивает карту классов, список шрифтов, палитру и варианты кнопок. Редакторы выбирают готовое оформление и сохраняют повторяющиеся секции как шаблоны.

Медиабиблиотека Битрикс+

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

Дизайн вашего проекта+

Настройте шрифты, цвета, CSS-классы и варианты кнопок. Повторяющиеся секции можно сохранять как шаблоны и использовать снова.

Интерактивные блоки+

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

Подключение к существующему сайту+

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

Возможности установленного модуля. На этой странице доступна ограниченная демоверсия без подключения к серверу Битрикс.

ИНТЕРФЕЙС УСТАНОВЛЕННОГО МОДУЛЯ

Так выглядит работа с содержанием.

Реальные снимки редактора на примере страницы услуги. Их также можно посмотреть в карточке модуля в Marketplace.

Настоящий интерфейс редактора: панель элементов, форматирование и страница услуги на холсте

Содержание в контексте страницы

Текст и блоки редактируются на холсте. Панель слева добавляет элементы, панель сверху меняет оформление выделенного текста.

Дерево структуры той же страницы с контейнерами и заголовками в установленном редакторе

Порядок и вложенность блоков

Дерево структуры показывает контейнеры, заголовки и колонки. Оно помогает выбрать нужный блок внутри составной секции.

Та же страница услуги в режиме телефона с одной колонкой на холсте редактора

Проверка адаптивного оформления

Режим телефона показывает, как секция складывается в одну колонку. Оформление можно настроить для нужного экрана.

Снимки опубликованного интерфейса от 5 октября 2026 года. Возможности демо на этой странице ограничены; серверные функции доступны после установки в Битриксе.

СВОБОДА ПОПРОБОВАТЬ

Передумали?
Это нормально.

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

Попробовать отмену изменений ↓
ПЕРВАЯ МЫСЛЬ

Место для идей.

С этого всё началось.
НОВЫЙ ВАРИАНТ

Место для
ваших идей.

Иногда одно слово меняет всё.
03 / ВАША ОЧЕРЕДЬ

А теперь —
ваша страница.

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

Демо модуля 0.133.0. Без регистрации. Работа сохраняется в этом браузере.
ДЛЯ КОМАНДЫ РАЗРАБОТКИ

Ваш сайт.
Ваши правила.

Редактор встраивается в существующий Битрикс-проект. Используйте стили сайта, подключайте собственные блоки через Runtime SDK, данные проекта через Provider SDK и шаблоны для команды.

Как расширить редактор?+

Runtime SDK подключает блоки, их настройки и действия на публичной странице. Agent API позволяет читать и изменять документ с проверкой его версии. Расширение можно поставлять отдельным модулем Битрикс, без сборки ядра редактора.

Нужен ли Node.js?+

Для работы редактора — нет. HTML формируется в браузере и сохраняется в Битриксе. Node.js позволяет выполнять регенерацию на сервере без открытой вкладки.

Как хранится контент?+

Редактируемый документ хранится в Lexical JSON, а публичная страница получает HTML-снимок. Черновики и история обслуживаются модулем на стороне Битрикс.

Можно использовать дизайн сайта?+

Да. Модуль поддерживает карту CSS-классов, настройки шрифтов, цветов и вариантов кнопок. Шаблоны контента можно подключать через Content Template API.

Что работает в этой демонстрации?+

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

ДВА ПРЕДСТАВЛЕНИЯ. ОДНА СТРАНИЦА.
// Для редактирования
document.json
{
  "root": {
    "type": "root",
    "children": […]
  }
}

// Для посетителей
page.html
<h1>Ваша идея.</h1>
<p>Теперь на странице.</p>
React + Lexical + 1С-Битрикс
ДАЛЬНЕЙШЕЕ РАЗВИТИЕ

Дорожная карта

История документов и отдельных блоков, шаблоны, источники данных, Runtime SDK и Agent API уже доступны в модуле. Следующий шаг — помощник для подготовки и редактирования содержания.

  1. 01

    AI-помощник

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

    В разработке
ИЗ ЧЕГО СОСТОИТ СТРАНИЦА

Каждый блок.
Своя задача.

24 встроенных элемента модуля 0.133.0. От абзаца до составной секции — с настройками содержания, оформления и поведения.

Текст

Абзац

Основной текст страницы с настройкой шрифта, размера, цвета, выравнивания и межстрочного интервала.

Подходит для описаний, новостей и пояснений. Оформление можно менять для разных экранов.

Блок

Самостоятельный текстовый блок, который можно оформить и перемещать в структуре документа.

Используйте для подписей, вводных фрагментов и небольших смысловых акцентов со своими отступами и фоном.

Заголовок 1

Заголовок первого уровня для главной темы документа. Сохраняется как смысловой HTML-заголовок, а не просто крупный текст.

Настройте начертание и размер под дизайн страницы; для мобильного экрана можно задать отдельное оформление.

Заголовок 2

Заголовок второго уровня разделяет материал на смысловые части и делает длинную страницу удобнее для чтения.

Используйте для разделов услуги, статьи или инструкции. Заголовки могут участвовать в навигации по странице.

Цитата

Выделенный фрагмент для цитаты, отзыва или важной мысли внутри материала.

Редактируйте содержание и оформление в том же документе, сохраняя семантику цитаты в опубликованном HTML.

Маркированный список

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

Добавляйте пункты, меняйте вложенность и форматируйте текст без ручной расстановки символов.

Нумерованный список

Нумерованный список для последовательности действий, этапов или правил.

Нумерация поддерживается структурой списка. Пункты можно дополнять и редактировать прямо на холсте.

Чек-лист

Список с отметками выполнения для инструкций и контрольных пунктов.

Каждый пункт хранит текст и состояние отметки в документе. Подходит для подготовки и проверки содержания.

Композиция

Таблица

Таблица для сравнения, характеристик, расписаний и структурированных данных.

Добавляйте строки и столбцы, объединяйте ячейки, меняйте ширину, границы, фон и отступы. Широкую таблицу можно прокручивать на узком экране.

Контейнер

Объединяет содержимое в секцию, ограничивает её ширину и центрирует по горизонтали.

Настраивайте общие фон и отступы для группы элементов. Удобен для основных секций в существующем шаблоне сайта.

Контейнер на всю ширину

Секция на всю доступную ширину для первого экрана, крупного фона или слайдера.

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

Секции и шаблоны

Готовые секции для быстрой сборки страниц. Сохранённые шаблоны можно вставлять в новые материалы и изменять независимо от исходника.

В демо доступны встроенные секции во вкладке «Шаблоны». В модуле также есть личные, общие и подключённые разработчиком шаблоны; доступ к общим задаётся по сайтам и группам.

Макет

Макет с колонками для текста, медиа и составных секций. Пропорции и расстояние между колонками настраиваются.

Задавайте расположение для разных экранов: например, две колонки на компьютере и последовательные блоки на телефоне.

Разделитель

Горизонтальный разделитель для визуальной паузы между частями материала.

Помогает отделить вводный текст от подробностей или завершить секцию. Его окружение и отступы настраиваются в документе.

Медиа

Слайдер

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

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

Изображение

Изображение из доступной медиабиблиотеки Битрикс с настройками размера, пропорций и оформления.

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

Видео

Видеоблок для демонстрации продукта, инструкции или фонового оформления секции.

Выберите файл, настройте пропорции, постер и воспроизведение. Видео также можно использовать как фон контейнера; видимость и автозапуск настраиваются для разных экранов.

Интерактив

Навигация по странице

Навигация по разделам текущей страницы, связанная с её заголовками.

Собирает оглавление по заголовкам и ведёт к соответствующим разделам. Якоря сохраняются при переименовании заголовка, поэтому ссылки не зависят от его текста.

Источник данных

Показывает данные проекта: например, карточку специалиста, подборку товаров или прайс-лист из подключённого источника.

Разработчик подключает источник через Provider SDK, задаёт варианты отображения и проверку прав. Редактор выбирает данные и настраивает блок. В автономном демо этот блок недоступен.

Вкладки

Вкладки с отдельными панелями содержания и редактируемой навигацией.

Подходят для характеристик, условий и инструкций в пределах одной секции. Посетитель переключает панели на опубликованной странице.

Сворачиваемый блок

Блок с заголовком и раскрывающимся содержанием для вопросов, ответов и подробностей.

Редактируйте обе части прямо на холсте. Длинное пояснение можно оставить свёрнутым до обращения читателя.

Кнопка

Заметное действие со ссылкой: обращение, переход к услуге или открытие другой страницы.

Меняйте надпись, размер, вариант оформления и параметры ссылки. Варианты кнопок подключаются к CSS-классам вашего сайта.

Произвольный HTML

Блок собственной HTML-разметки для задач, выходящих за пределы стандартных элементов.

Подходит для подготовленной разметки, которой недостаточно стандартных блоков. HTML проходит очистку при сохранении; для собственных интерактивных компонентов используйте Runtime SDK.

Это состав установленного модуля. Выше можно попробовать ограниченную демоверсию с оригинальным интерфейсом.

Перейти к редактору ↑
МОДУЛЬ ДЛЯ ВАШЕГО САЙТА

Стоимость и подключение

15 000 ₽

Стоимость модуля. Актуальная цена и условия покупки — в карточке продукта.

Пробный период — для установки модуля на вашем сайте через Marketplace. Автономное демо выше работает без регистрации и сохраняет изменения только в браузере.

Перед установкой

  • «1С-Битрикс: Управление сайтом»: «Старт», «Стандарт», «Малый бизнес», «Бизнес».
  • PHP 8.2+. Поддерживается Композит.
  • Для обычного редактирования Node.js и сборка на сервере не нужны.
  • Модуль подключается к существующему сайту. Он не предназначен для Сайтов24.

Как начать работу

  1. Проверьте на своём проекте. Сверьте требования и установите пробную версию из Marketplace.
  2. Подключите области и поля. Разработчик настраивает компонент, поддерживаемые поля инфоблоков, права и оформление.
  3. Передайте работу редактору. Контент-менеджер собирает материал из блоков, проверяет адаптив, сохраняет черновик и публикует результат.

Нужно подключение к вашему сайту? Расскажите, какие страницы и поля требуется редактировать — обсудим настройку под проект.

Обсудить подключение
ПЕРЕД НАЧАЛОМ РАБОТЫ

О редакторе
и вашем проекте.

Сколько стоит модуль и где его купить?

Модуль стоит 15 000 ₽. Купить его можно в каталоге Глобал АйТи или в Маркетплейсе 1С-Битрикс. Перед покупкой проверьте актуальную цену и условия в карточке продукта. Подключение и настройку для вашего сайта можно обсудить отдельно с нашей командой.

Для каких сайтов подходит редактор?

Модуль предназначен для «1С-Битрикс: Управление сайтом» в редакциях «Старт», «Стандарт», «Малый бизнес», «Бизнес». Требуется PHP 8.2+. Поддерживается Композит. Для Сайты24 решение не предназначено.

Можно ли попробовать модуль на своём сайте?

В Маркетплейсе 1С-Битрикс доступен пробный период 7 дней. Установите пробную версию через административную панель Битрикс и проверьте подключение к страницам и полям вашего проекта. Демо на этом лендинге позволяет попробовать интерфейс в браузере; оно не устанавливает модуль на ваш сайт.

Нужно ли менять шаблон сайта?

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

Что такое визуальный редактор для 1С-Битрикс?

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

Можно ли использовать модуль как конструктор страниц и лендингов?

Да. В установленном модуле можно собирать содержание страниц из блоков и готовых секций: текст, изображения, колонки, кнопки и другие элементы. Разработчик сначала подключает области редактирования и оформление к существующему сайту на «1С-Битрикс: Управление сайтом». Затем контент-редактор оформляет страницы услуг и посадочные страницы в этих областях; шаблон, навигация и каталог остаются частью проекта.

Можно ли редактировать описания товаров и новости?

Да. Модуль подключается к анонсу, подробному описанию и поддерживаемым одиночным HTML-свойствам выбранных инфоблоков. Подключение полей настраивается в проекте; цены и остатки продолжают обслуживаться каталогом Битрикс.

Есть ли черновики, история и шаблоны?

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

Чем демоверсия отличается от установленного модуля?

Каталог на сайте описывает все доступные блоки установленного модуля. В нижней демоверсии можно попробовать пять групп компонентов: текст, колонки, таблицу, кнопку и сворачиваемый блок. Демо сохраняет работу в браузере. Публикация, медиабиблиотека Битрикс, права доступа и серверная история доступны в установленном модуле.

Можно ли настроить адаптив и стили под наш сайт?

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

Как разделяются доступ и управление сайтом?

Модуль учитывает права Битрикс на страницы и инфоблоки. Общие шаблоны можно ограничить сайтами и группами. Для просмотра страницы состояния и изменения настроек предусмотрены отдельные права. Диагностика показывает состояние редактора на сайте, предупреждения и рекомендации; отчёт доступен для скачивания.

Нужен ли Node.js на сервере?

Нет. Редактирование, предпросмотр, импорт, восстановление и публикация работают без Node.js. Для обновления HTML уже сохранённых страниц администратор может запустить очередь в браузере. Node.js нужен, если эту очередь требуется обрабатывать автоматически без открытой вкладки.

Можно ли добавить собственные блоки?

Да. Runtime SDK позволяет подключать новые блоки и их настройки из вашего проекта или отдельного модуля. Часть editor работает в редакторе и создаёт HTML, а необязательная public отвечает за действия на опубликованной странице. Provider SDK подключает данные проекта с проверкой прав. Примеры доступны в документации разработчика.

Вы уже знаете, что хотите сказать.

Придайте этому форму.