Skip to content

Rich Text

The Rich Text component provides WYSIWYG text editing with comprehensive formatting options accessible through a visual toolbar interface.

Configuration

Double-click the component to open the rich text editor with full formatting capabilities:

Feature Description
WYSIWYG Interface Visual editor with real-time formatting preview
Toolbar Options Bold, italic, underline, strikethrough, subscript, superscript
Headings H1-H6 heading styles for content organization
Text Alignment Left, center, right, and justify alignment options
Lists Bulleted and numbered list formatting
Links Hyperlink insertion and editing
Undo/Redo Action history for editing changes

Control content layout and page behavior with these additional options:

Option Description
Column Count Split content into multiple columns for newspaper-style layouts
Column Gap Set spacing between columns (e.g., 5px, 5%, 1pt)
Allow this component to break across multiple pages Enable content to flow across page boundaries

Customize appearance for different text elements (P, Link, H1-H6) with styling controls including font family, size, color, line height, font weight, margins, and text transform.

Use Cases

  • Formatted documents - create reports with rich text formatting, headings, and structured content
  • Mixed content - combine different text styles, lists, and links within a single component
  • Content editing - provide WYSIWYG editing experience for complex text formatting

Tips

  • Double-click the component to access the full rich text editor interface
  • Apply formatting through the toolbar for immediate visual feedback
  • Customize styling for different text elements (P, Link, H1-H6) in the properties panel
  • Combine multiple formatting options (bold + italic + color) for emphasis