Articles on: Components

HTML and System Text Component

HTML and System Text Component are designed for more specific use cases when working with HTML or technical content.


HTML Component


The HTML component is intended for special formatting when displaying HTML content. It removes all inline styles defined in your HTML and instead applies the styles defined in the template editor.


This allows for consistent styling across your document, regardless of how the original HTML was styled.


If you need to preserve your inline styles (such as colors, spacing, or font sizes defined directly in the HTML), use the Text component instead.


HTML Output in HTML vs. Text Component


Below is an example showing how the same HTML code renders differently in the HTML component and the Text component:


Comparison of HTML and Text Component Output

You can see that inline styles are removed in the HTML component, while they are preserved in the Text component.


System Text Component


The System Text component renders content using a fixed monospace font size 11, ignoring any font size or font family settings from the editor. This component is ideal for displaying technical content such as codes, IDs, or structured text where consistent alignment is important.


Updated on: 23/07/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!