PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
Текстовый блок
Обычный текстовый фрагмент между другими секциями. Редактор похож на стандартный richtext MODX: абзацы, списки, ссылки, базовое форматирование.
Когда хватит richtext
- Привычный richtext MODX, без отдельного TV на каждый абзац
- Вставляется между любыми секциями в нужном порядке
- HTML попадает в
section.data.contentи в Fenom как готовый фрагмент
Сценарии
- В статье или новости: основной текст страницы
- В описании услуги между hero и блоком преимуществ
- Для юридического текста, инструкции или любого контента без отдельной вёрстки
Примеры страниц
- Статья: Hero → Текстовый блок → Изображение → Текстовый блок
- О компании: Hero → Текстовый блок → Команда → CTA
Поле содержимого
Контент хранится в поле Содержимое. Для длинных текстов удобнее секция Структурированный контент (Editor.js, Pro).
Похожие секции
- Структурированный контент для длинных статей с блоками Editor.js (Pro)
- Вкладки, если материал логичнее делить на панели
Параметры блока
| Параметр | Значение |
|---|---|
| key | richtext |
| Слой | Free |
| Категория | контент (content) |
| Chunk | pagebuilder_richtext |
| Требования | — |
Поля в редакторе
Заполните поля в инспекторе секции на ресурсе. Описание типов полей: справочник типов.
Содержимое (content)
Тип richtext. Обязательное.
Что видит посетитель
Обёртка pb-richtext с HTML из поля content.
Данные секции
Пример JSON после сохранения секции. Для media, video и map значения на выводе могут быть обогащены:
json
{
"content": "<p>Текст страницы с <strong>форматированием</strong>.</p>"
}Шаблон chunk
Fenom chunk pagebuilder_richtext:
fenom
<section class="pb-section pb-section--richtext pb-richtext{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="richtext"{if $id} id="pb-{$id|escape}"{/if}>
<div class="pb-section__inner pb-richtext__inner">
<div class="pb-richtext__content">
{$content}
</div>
</div>
</section>JSON-определение
core/components/pagebuilder/sections/richtext.json