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

Поле richtext ​

Версия: Free.

Зачем этот тип ​

  • HTML-редактор в инспекторе без отдельного TV
  • Ссылки, списки и базовое форматирование из коробки
  • В chunk отдаёт готовый HTML, парсить блоки не нужно

Режим редактора берётся из pageBuilderConfig.richText. При whichEditor = mxEditorJs и доступном Editor.js включается блок Editor.js. Иначе при useEditor ≠ false работает RTE ресурса MODX (MODx.loadRTE). Если инициализация не удалась или редактор выключен, остаётся обычная многострочная textarea.

Когда использовать ​

  • Основной текст секции: абзацы, ссылки
  • Ответ FAQ с выделением и списками
  • Контент, где редактор не пишет разметку вручную

Советы ​

Сырой HTML или CSS: ace.

Похожие типы ​

  • editorjs для структурированных блоков с json и html
  • textarea для простого текста без тегов

Настройка ​

json
{
  "name": "content",
  "type": "richtext",
  "label": "Текст",
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение ​

HTML-строка.

Данные секции ​

Ключ content в данных секции:

json
{
  "content": "<p>Текст с <strong>разметкой</strong>.</p>"
}

Пример в chunk ​

modx
<div class="pb-richtext__content">[[+content]]</div>
fenom
<div class="pb-richtext__content">{$content}</div>

Общие свойства ​

Для полей с name, которые сохраняются в данных секции:

КлючТипРольПанель
tabstringПодзаголовок группы в инспектореда
width25, 33, 50, 66, 75, 100Ширина поля в % строки (flex); в CMP только эти значенияда
descriptionstringПодсказка под подписьюда
defaultanyНачальное значение новой секциида
activeboolfalse — скрыть поле в инспектореда
requiredboolОбязательно при publish (черновик сохраняется)да

Pro (capability responsive): при responsive: true в данных секции — ключи desktop, tablet, mobile вместо скаляра.

Подробнее: обзор полей.

Дальше ​