
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
- MODX 3
- PHP 8.2
- Vue 3


Версия: Free.
Режим редактора берётся из pageBuilderConfig.richText. При whichEditor = mxEditorJs и доступном Editor.js включается блок Editor.js. Иначе при useEditor ≠ false работает RTE ресурса MODX (MODx.loadRTE). Если инициализация не удалась или редактор выключен, остаётся обычная многострочная textarea.
Сырой HTML или CSS: ace.
{
"name": "content",
"type": "richtext",
"label": "Текст",
"tab": "Контент",
"width": 100,
"active": true
}HTML-строка.
Ключ content в данных секции:
{
"content": "<p>Текст с <strong>разметкой</strong>.</p>"
}<div class="pb-richtext__content">[[+content]]</div><div class="pb-richtext__content">{$content}</div>Для полей с name, которые сохраняются в данных секции:
| Ключ | Тип | Роль | Панель |
|---|---|---|---|
tab | string | Подзаголовок группы в инспекторе | да |
width | 25, 33, 50, 66, 75, 100 | Ширина поля в % строки (flex); в CMP только эти значения | да |
description | string | Подсказка под подписью | да |
default | any | Начальное значение новой секции | да |
active | bool | false — скрыть поле в инспекторе | да |
required | bool | Обязательно при publish (черновик сохраняется) | да |
Pro (capability responsive): при responsive: true в данных секции — ключи desktop, tablet, mobile вместо скаляра.
Подробнее: обзор полей.