Docs

HTML

Learn how to include raw HTML content in your documents.

{{ html }}
<div style="text-align: center;">
  <strong>Custom HTML content</strong>
</div>
{{ /html }}

The HTML section passes raw HTML through to the renderer. This is useful for content that can't be expressed in standard markdown, such as complex tables, custom layouts or embedded widgets.

Use HTML sections sparingly — markdown is preferred for consistency across output formats (web, PDF, e-mail).

The content between {{ html }} and {{ /html }} is stored as raw text and passed directly to the rendering layer. No markdown processing is applied to the content.

{{ html }}
<table style="width: 100%; border-collapse: collapse;">
  <tr style="background: #f0f4f8;">
    <th style="padding: 8px; text-align: left;">Region</th>
    <th style="padding: 8px; text-align: right;">Return</th>
  </tr>
  <tr>
    <td style="padding: 8px;">North America</td>
    <td style="padding: 8px; text-align: right; color: #16a34a;">+5.1%</td>
  </tr>
  <tr>
    <td style="padding: 8px;">Europe</td>
    <td style="padding: 8px; text-align: right; color: #dc2626;">+1.2%</td>
  </tr>
</table>
{{ /html }}
Next
Overview