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

Поле richtext

Версия: Free.

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

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

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

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

Советы

  • Блочная вёрстка Editor.js: editorjs
  • Сырой 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

html
<div class="pb-richtext__content">{$content}</div>

Примечание

Pro: responsive.

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

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

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

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

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

Дальше