Skip to main content

Rich text

The rich text building block lets you add formatted text content to your template. It supports a full set of text formatting options and dynamic data placeholders.

Adding a text element​

Drag the Text icon from the toolbar and drop it onto the canvas. The element will be placed relative to other elements already on the canvas.

Properties​

When you select a text element, the properties panel opens on the side with the following options:

  • Margins — Set the left (L), top (T), right (R), and bottom (B) margins around the text element.
  • Keep text together — When enabled, prevents the text element from being split across pages. The entire element will move to the next page if it doesn't fit on the current one.
  • Edit — Enters edit mode (same as double-clicking the element).
  • Visible when — An expression that controls whether this element appears in the generated PDF. See Conditional visibility.
  • Delete — Removes the element from the template.

Editing text​

Double-click on a text element — or click the Edit button in the properties panel — to enter edit mode. The toolbar changes to display the rich text formatting actions:

Font​

  • Font family — Select from recently used fonts or popular fonts in the dropdown. Click + More fonts to browse the full Google Fonts library, with filters for language, category, and variant (regular, italic, bold). A preview of each font is shown before selecting it.
  • Font size — Set the text size in points.

Formatting​

  • Bold
  • Italic
  • Strikethrough
  • Underline
  • Text color — Change the color of the text.
  • Highlight color — Apply a background color behind the text.

Alignment​

  • Align left
  • Align center
  • Align right
  • Justify

Line height​

  • Line height — Adjust the spacing between lines of text.
  • Link — Select text and click the link button to turn it into a clickable link. A dropdown lets you type the URL.
  • Unlink — Remove a link from selected text.

Links must use one of the following protocols: http:, https:, or mailto:. Other protocols (such as javascript: or ftp:) are not allowed.

Links can contain dynamic data placeholders:

https://{{data.baseUrl}}/orders/{{data.orderId}}

Dynamic data​

You can insert dynamic data placeholders directly within your text content. Placeholders are replaced with real values when the PDF is generated.

Hello {{data.customerName}}, your order #{{data.orderNumber}} has been confirmed.

You can mix static text and placeholders freely within the same text element.

To learn more about dynamic data, see the Dynamic data page.