Поле ace

Версия: Free.

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

Редактор правит HTML, CSS или JSON как код, WYSIWYG не подключается. Режим задаётся свойством mode: html, css, javascript или json; без него инспектор берёт html.

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

• Своя разметка секции, которую правит разработчик
• Вставка SVG или стилей в атрибуте style
• JSON или конфиг, который chunk парсит сам

Советы

Экранирование HTML в chunk зависит от шаблона сайта, а не от типа поля: выводите разметку из ace так, как задумано в вашем Fenom или MODX.

Похожие типы

• richtext для WYSIWYG без кода
• editorjs для блочного контента с HTML при сохранении

Настройка

{
  "name": "markup",
  "type": "ace",
  "label": "Разметка",
  "mode": "html",
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение

Строка с исходным кодом.

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

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

{
  "markup": "<section class=\"hero\">\n  …\n</section>"
}

Пример в chunk

modx

[[+markup]]

fenom

{$markup}

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

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

Ключ	Тип	Роль	Панель
tab	string	Подзаголовок группы в инспекторе	да
width	25, 33, 50, 66, 75, 100	Ширина поля в % строки (flex); в CMP только эти значения	да
description	string	Подсказка под подписью	да
default	any	Начальное значение новой секции	да
active	bool	false: скрыть поле в инспекторе	да
required	bool	Обязательно при publish (черновик сохраняется)	да

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

Дальше

• Справочник типов
• Обзор полей