Field ace

Version: Free.

Why this type

The editor writes HTML, CSS, or JSON as code. mode sets the language: html, css, javascript, or json. The visual editor is not used here.

When to use

• Custom section markup maintained by a developer
• SVG snippet or inline styles
• JSON or config the chunk parses itself

Tips

Content editors usually prefer richtext. Do not escape HTML in the chunk when you output markup intentionally.

Similar types

• richtext for WYSIWYG without code
• editorjs for block content with html on save

Schema

{
  "name": "markup",
  "type": "ace",
  "label": "Markup",
  "mode": "html",
  "tab": "Content",
  "width": 100,
  "active": true
}

Value

Source code string.

Section data

Key markup in the section data:

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

Chunk example

modx

[[+markup]]

fenom

{$markup}

Common properties

For fields with name that are stored in the section data:

Key	Type	Role	CMP
tab	string	Group subtitle in the inspector	yes
width	25–100	Field width as % of the row (flex)	yes
description	string	Hint under the label	yes
default	any	Initial value for a new section	yes
active	bool	false hides the field in the inspector	yes
required	bool	Required on publish (draft still saves)	yes

See fields overview.

See also

• Field types reference
• Fields overview