The rich text block lets you add formatted content to any page, making it a versatile tool for announcements, HR updates, knowledge articles, and employee communications. You can use simple formatting for quick messages or more advanced options like embedded HTML for tailored layouts.
This flexibility gives you full control over how your content looks and behaves while ensuring it remains accessible and responsive across desktop and mobile devices.
Why use a rich text block?
Rich text blocks are ideal when you want to:
- Highlight key information with bold headings or colored text
- Structure longer content with paragraphs, bullet points, or numbered lists
- Add links, images, and dividers for visual interest
- Create dynamic content without writing any code
- Embed HTML for advanced layout and styling
HR teams often use rich text blocks to:
- Share company-wide announcements
- Post policy updates or reminders
- Create engaging onboarding guides for new employees
- Highlight benefits or upcoming events
Using the visual editor
When you add a rich text block, you see the visual editor by default. This shows your content exactly as it will appear to users.
The toolbar lets you:
- Apply styles such as bold, italic, underline, and blockquote
- Create headings and subheadings for structure
- Add bullet and numbered lists
- Insert links and images
- Use dividers to separate sections
- Align text left, right, or center
- Undo and redo changes easily
You can also paste text from apps like Word or Google Docs. Formatting is preserved where possible, reducing rework.
Switching to HTML view
For full control, you can switch to the HTML editor. This is useful when you want to:
- Embed custom code snippets
- Troubleshoot layout or spacing issues
- Add tags or styles not available in the visual editor
Toggle between visual and HTML views at any time by selecting the </> button on the toolbar.
What to expect
- Invalid or unsupported HTML is automatically cleaned up
- Layout stays consistent when switching between views
- Images support alt text for accessibility
- Content is responsive by default, working across desktop and mobile
Best practices
- Keep content scannable: Break text into short paragraphs, use headings, and highlight key terms
- Use consistent styles: Apply the same heading sizes and colors to keep pages professional
- Support accessibility: Always include alt text for images and avoid color-only distinctions
- Avoid code overload: Use HTML sparingly to prevent layout issues or conflicts
- Test on different devices: Preview your content to ensure it works across desktop, tablet, and mobile