Поле ace

Версия: Free.

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

Полный контроль над HTML, CSS или JSON. Режим через mode (html, css, javascript, json). Не навязывает WYSIWYG там, где нужен точный код.

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

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

Советы

Редакторам контента чаще подходит richtext. Не экранируйте HTML в chunk, если выводите как разметку осознанно.

Похожие типы

• richtext для WYSIWYG без кода
• editorjs для блочного контента с html на save

Настройка

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

Значение

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

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

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

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

Пример в chunk

{$markup}

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

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

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

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

Дальше

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