Texto enriquecido

Text is the foundation of almost any digital form or page, providing instructions, explanations, and key information to your audience. The Rich Text block in LumoPages is your versatile tool for adding and formatting text with various styles, ensuring your content is clear, engaging, and professionally presented.

In this guide, we'll show you how to effectively use the Rich Text block and explore its comprehensive formatting options.

---

What is a Rich Text Block?

A Rich Text block is a Content Block that allows you to add text to your Lumo stages and apply various formatting options (like bold, italics, different font sizes, colors, lists, and headings) without needing any coding knowledge. It's like a mini word processor built right into your LumoPages editor.

---

Step-by-Step: Adding Your First Rich Text Block

Start Typing Your Content: The Rich Text block will appear on your stage. You'll see a blinking cursor, ready for you to type your message or instructions.

---

Formatting Your Text: The Rich Text Editor Toolbar

As soon as you select the Rich Text block or start typing, a toolbar will usually appear above or below the block. This toolbar contains all the options you need to format your text.

Here's a breakdown of common formatting options you'll find:

1. Basic Text Styling

• Bold (B): Makes text stand out. Use it for emphasis on key phrases or instructions.
• Italic (I): Adds emphasis or indicates a title/quote.
• Underline (U): Draws attention to specific words.

2. Headings

Headings are crucial for structuring your content, improving readability, and helping users quickly scan your Lumo.

• Select the text you want to turn into a heading.
• Choose the desired heading level from the toolbar.

3. Lists

Organize information clearly with bullet points or numbered lists.

• Bullet List: For unordered items (e.g., a list of services).
• Numbered List: For step-by-step instructions or ordered items.

4. Text Alignment

Control how your text sits on the page:

• Align Left: Standard alignment for most text.
• Align Center: Often used for titles or short, impactful statements.
• Align Right: Less common, but useful for specific design needs.

5. Text Color and Highlight Color

Personalize your text to match your brand or highlight important information.

• Text Color: Change the color of your font.
• Highlight Color: Add a background color to selected text, like a digital highlighter.

6. Text Size and Weight

Adjust the visual prominence of your text.

• Text Size: Choose from predefined sizes (e.g., Small, Medium, Large) or specific font sizes.
• Text Weight: Make text bolder or lighter beyond the standard bold option, if available (e.g., "Light," "Normal," "Bold").

7. Links

Make parts of your text clickable, directing users to other pages or resources.

• Select the text you want to turn into a link.
• Click the "Link" icon (often a chain link).
• Enter the URL you want the text to link to.

8. Clear Formatting

If you want to remove all formatting from selected text and revert it to plain text, use the "Clear Formatting" option (often an eraser icon).

---

Saving Your Changes

When you're working on your Lumo, especially with content blocks, it's important to know that LumoPages requires you to manually save your changes. This intentional design ensures that no accidental modifications go live on your published Lumo, protecting your audience's experience.

• Locate the Save Button: You'll typically find a prominent "Save" button in the editor interface, usually in the top right corner or toolbar.
• Click to Save: Click this button frequently as you make changes to your Lumo.

---

Mastering the Rich Text block allows you to communicate effectively and visually enhance your Lumos, making them more engaging and user-friendly. Next, we'll look at adding visual elements like images.