Code Editor

The Code Editor lets you design PDFs using HTML/Handlebars and CSS, bind JSON data, and optionally apply a Pipeline transformation before rendering. A live preview updates as you type.

Tabs

• HTML — Your template in HTML with Handlebars expressions.
• CSS — Styles injected into the template head before rendering.
• JSON — Sample data used to render the template in preview.
• Pipeline — Optional declarative JSON steps to transform input data. See Pipelines.

Features

• Monaco editor with syntax highlighting and basic diagnostics.
• Live preview iframe, including chart placeholder processing.
• Version history with diff viewer and restore.
• PDF options dialog for page size, orientation, compression, and security.