HTML Block

Renders raw HTML content directly into the page. Use this widget when you need full control over the markup, such as embedding third-party widgets, custom SVGs, or complex formatted content.

Properties

Property	Type	Default	Description
html	textarea	''	The raw HTML content to render. Supports expressions.

Example

Embed a custom SVG icon:

<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
  <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
</svg>

Render a formatted block with expression data:

<div class="custom-card">
  <strong>`{ {row.title}}`</strong>
  <p>`{ {row.description}}`</p>
  <a href="`{ {row.url}}`" target="_blank">Learn more</a>
</div>

Tips

• Expressions inside the HTML are evaluated server-side and output-escaped by default. However, the HTML structure itself is rendered as-is, so be careful with user-supplied content.
• Security warning: Do not place unescaped user input directly in the HTML Block. If row.description contains user-submitted data, it could include malicious scripts. Use the Text widget for user-generated content.
• Use HTML Block for embedding iframes, video players, maps, or any third-party widget that requires specific HTML markup.
• You can add inline styles or CSS classes in the HTML for custom styling beyond what the Design tab provides.