Skip to content
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
  1. Компоненты
  2. PageBuilder

PageBuilder

Редактор секций на ресурсе

Страницу вы собираете из секций во вкладке Секции в MODX. Автосохранение пишет черновик. Сохранить ресурса MODX проверяет поля и публикует секции на сайт. Обычное поле Содержимое ресурса для секций не используется. На витрине блоки выводит сниппет PageBuilder.

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

Возможности

Редактор на ресурсе

Во вкладке Секции: таблица или компактный редакционный список (default из pagebuilder_resource_view_mode, тумблер в toolbar). Добавление из каталога, перетаскивание и Alt+↑/↓, дублирование, копирование секций с другой страницы. В редакционном списке включаете и выключаете секции на строках. Удалённые секции попадают в корзину страницы. Контент правите в модальном инспекторе Свойства. Пока инспектор открыт для только что добавленной секции, автосохранение стоит на паузе: Отмена откатывает черновик к состоянию до добавления. Правила видимости (контекст, UTM) открывает кнопка Видимость, если включена системная настройка. Превью черновика в drawer по подписанной ссылке. Undo/redo в текущей сессии. Перед публикацией (Save ресурса) редактор проверяет обязательные поля.

Черновик и публикация

Autosave пишет только черновик. Сохранить ресурса MODX: validate → черновик → публикация в published_json. Снять с публикации очищает опубликованную версию, черновик остаётся. При сохранении сервер сверяет номер ревизии, чтобы не затереть чужие правки.

Free: секции и поля

12 встроенных типов: hero, richtext, gallery, faq, cta, cards, contact, stats, testimonials, image, spacer, video. Новую gallery создаёт Pro, рендер остаётся в Free. В панели управления (Blocks) фильтруете типы чипами Все / Из пакета / Мои, массово скрываете предустановленные и задаёте своё превью в каталоге вместо схематичной картинки. 35 типов полей в Free и 27 в Pro (62 всего): text, richtext, repeater, migx, file, select и др. При pagebuilder_responsive_editor_enabled в инспекторе появляются вкладки значений по устройствам.

PageBuilder Pro

Глобальная библиотека (Общие блоки): pull с другой страницы (Связать | Копировать), write-through linked-секций, шаблоны страниц, журнал событий секции (View/Restore). Вкладка Примеры в каталоге (тумблер Examples / pagebuilder_catalog_examples_enabled). Agent API для скриптов и агентов. Корзина в панели управления восстанавливает удалённые секции и строки таблиц между ресурсами. Каталог Pro: features, team, tabs, карты, формы, квиз, commerce-блоки miniShop3. Секция video создаётся в Free. Ещё 27 типов полей: gallery, map, relation, table, embeddedTable, editorjs и др.

Таблицы на ресурсе

Вкладка Таблицы хранит большие наборы строк в БД: фильтры, импорт CSV/JSON, массовое удаление. На витрине строки выводит PageBuilderTableRows. Секция data_table (Pro) встраивает небольшую таблицу в JSON секции.

UTM и контексты

Реестр UTM-меток в панели управления требует capability utm (Pro). Уже опубликованные правила исполняет Free. Правила видимости (контекст, UTM, Pro conditions) открываются кнопкой Видимость в инспекторе, если включена pagebuilder_inspector_visibility_enabled. Сниппеты PageBuilderUtmSession и PageBuilderUtmUrl помогают на лендингах. В полях доступен плейсхолдер {{utm:key}}.

Collections и панель управления

Нужны PageBuilder Pro и capability collections. При collections_enabled вкладки ресурса (секции, таблицы, iframe и др.) настраиваются в панели управления. Без capability вкладки нет. Раздел Компоненты → PageBuilder ведёт каталог ресурсов с секциями и типами секций.

Сниппеты, Public API и события

PageBuilder выводит HTML секций, PageBuilderResource отдаёт секции другого ресурса, PageBuilderSitemap строит XML sitemap. Public API отдаёт опубликованные секции JSON для headless-фронта (api.php). События pbOn* подключают плагины к save, publish, render и регистрации типов секций. Подробнее: workflow, cmp, pro.

Системные требования

ТребованиеЗначение
MODX Revolution3.0.3+
PHP8.2+
VueTools1.1.2+ (редактор в менеджере)
pdoTools3.0+ (Fenom в chunks секций)
miniShop3опционально, для Pro-секций каталога

Пакеты

ДополнениеВерсияСодержимое
pagebuilder1.0.14-betaFree: core, секции, панель управления, сниппеты, MIGX, responsive, Save = публикация, фильтр типов и свои превью
pagebuilderpro1.0.14-betaPro: зависит от pagebuilder ≥ 1.0.14, quiz, library pull, шаблоны страниц, журнал секций

Namespace в MODX: pagebuilder.

Быстрые ссылки

НужноДокумент
Обзор возможностейКлючевые возможности
Установить и собрать первую страницуБыстрый старт
Все ключи pagebuilder_*Системные настройки
Черновик, публикация, корзинаРабочий процесс
Blocks, UTM, Collections, корзина ProПанель управления
Права, события pbOn*, модель данныхМенеджер и события
Шаблон, превью, кеш сниппетаВывод на сайте
CSS-токены и BEM секцийДизайн-система
JSON для headlessPublic API
Сниппеты и параметрыСниппеты
Pro, корзина, примерыPageBuilder Pro
Скрипты и агентыAgent API
Свои секции и расширенияРазработчик
Лендинг, списки, формы, UTM, RESTРецепты
62 типа полей инспектораСправочник типов полей
50 встроенных блоковКаталог секций
Типовые ошибкиFAQ

Точки входа

URL / путьНазначение
Компонент pagebuilderindexКаталог ресурсов с секциями, типы секций (Pro)
assets/components/pagebuilder/connector.phpMGR API (VueTools)
assets/components/pagebuilder/preview.phpПревью черновика в iframe
assets/components/pagebuilder/api.phpPublic API: опубликованные секции JSON (headless)
Сниппет [[!PageBuilder]]HTML опубликованных секций на сайте

Права

PermissionНазначение
pagebuilder_viewВкладка «Секции», каталог, токен превью
pagebuilder_saveСохранение черновика и публикация (fallback: save_document)
pagebuilder_manage_typesпанель управления «Типы секций» (без fallback на view)

Доступ к конкретному ресурсу дополнительно проверяет политика MODX (view, save).