---
title: "Editing content"
description: "Write and format page text, add links and lists, and insert buttons, chips, icons, and avatars."
requested_language: cs
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/cs/editor-guide/pages/editing-content
version: unreleased (main)
docs_index: https://docs.systhema.app/cs/llms.txt
---
> This page isn't translated yet. Showing English.


You'll use the rich text editor to write paragraphs, give them a structure, and add links or small items such as buttons. The toolbar applies to the text area you are editing.

![The rich text toolbar above a heading and a formatted paragraph](./images/rich-text-toolbar.light.webp)

## Write and format text

1. Open a page and click in its **Content** text area. Inside a collapsed block, expand it first. A smaller field may say **Click to edit…** until you click it.
2. Type your text. Press Enter to start a new paragraph.
3. Select the words you want to format. Use the bold, italic, underline, or strikethrough icon. Choose the same icon again to remove that formatting.
4. Click in a paragraph and choose an alignment icon when you need left, center, right, or justified text.

The floating toolbar appears when you select text. The fixed toolbar stays above larger text areas. Small fields, such as a quote or hero description, have fewer choices.

| Control              | What it does                                           | Tip                                                          |
| -------------------- | ------------------------------------------------------ | ------------------------------------------------------------ |
| Bold                 | Gives selected words emphasis.                         | Keep whole paragraphs easy to read by using it sparingly.    |
| Italic               | Changes selected words to italic.                      | Useful for titles or brief emphasis.                         |
| Underline            | Underlines selected words.                             | Visitors may mistake underlined text for a link.             |
| Strikethrough        | Draws a line through selected words.                   | Use only when the crossed-out wording should remain visible. |
| Alignment icons      | Align the paragraph left, center, right, or justified. | Follow the surrounding layout.                               |
| Balance text icon    | Adjusts wrapping to balance lines.                     | Preview the result at different widths.                      |
| Indent icons         | Increase or decrease indentation where available.      | Useful for nested list items.                                |
| Horizontal rule icon | Inserts a dividing line.                               | Use a divider only where it helps separate content.          |

## Headings and text styles

1. Click in the paragraph you want to change.
2. Open the text menu, which normally says **Normal Text**.
3. Choose a heading level or text style. The whole paragraph takes that style.

![The text menu with Normal Text, Lead Text, Small Text, Heading 1 through Heading 6, Label, and list choices](./images/text-menu.light.webp)

| Choice                              | What it does                               | Tip                                                                             |
| ----------------------------------- | ------------------------------------------ | ------------------------------------------------------------------------------- |
| **Normal Text**                     | Makes an ordinary paragraph.               | Use for most body copy.                                                         |
| **Heading 1**                       | Makes the main page heading.               | A page's hero usually already supplies this. Avoid adding another main heading. |
| **Heading 2** through **Heading 6** | Mark sections and smaller subsections.     | Choose by the structure of your writing, not just the size of the letters.      |
| **Lead Text**                       | Makes an introductory paragraph stand out. | Use for a short introduction.                                                   |
| **Small Text**                      | Makes supporting text smaller.             | Useful for short notes; keep essential information readable.                    |
| **Label**                           | Adds a short label style.                  | Use a few words above a heading, not a long paragraph.                          |

Your agency may offer additional text styles. Use the choices in your toolbar. A heading's level and its visual style serve different purposes, so preview the result rather than using a heading just to enlarge text.

## Add a text link

1. Select the words that should be clickable. Use descriptive text such as "View our services".
2. Choose the link icon. In **Edit Link**, check **Text to display**.
3. Choose **Custom URL** to enter an address, or **Internal Link** to select a page or other available content. Enter the destination in the field that appears.
4. Use **Open in new tab** only when you want that behavior. Choose **Save changes**.

![The Edit Link drawer with display text, link type, destination, and Open in new tab](./images/text-link.light.webp)

Click an existing link to reach **Edit link** or **Remove link**. Removing a link keeps its words. Test the destination in preview before publishing.

## Make a list

1. Click in a paragraph and open the text menu.
2. Choose **Unordered List** for bullets, **Ordered List** for numbered steps, or **Check List** for checkbox items.
3. Type an item, press Enter, and type the next one. Press Enter on an empty item to leave the list.
4. Use the indent controls when a list needs a second level.

Use numbered lists when order matters. Use bullets when the items are equal. A checklist in page content is different from a form submission field.

## Insert a button, chip, icon, or avatar

1. Put the cursor where the item should appear in the text.
2. Open the inline items menu beside the blocks menu. Choose **Button**, **Chip**, **Icon**, or **Avatar**.
3. Complete its drawer and choose **Save changes**. Saving the drawer updates the page editor; it does not publish the page.
4. Use the item's edit control to reopen its settings later.

![The Edit Button drawer with Button title, Link Type, URL, and appearance settings](./images/block-button.light.webp)

| Item       | What it does                               | Tip                                                                   |
| ---------- | ------------------------------------------ | --------------------------------------------------------------------- |
| **Button** | Adds a call to action with a link.         | Use an action label such as "Book a visit" and check the destination. |
| **Chip**   | Adds a short badge, with an optional link. | Keep the label short.                                                 |
| **Icon**   | Adds a symbol chosen from the icon picker. | Use accompanying words when a symbol alone would be unclear.          |
| **Avatar** | Adds a small image.                        | Select a suitable library image.                                      |

See [Blocks](https://docs.systhema.app/cs/editor-guide/pages/blocks.md#inline-items) for their settings. A **Stack** can arrange several of these items together.

## Check afterwards

Choose **Save Draft** and open **Live Preview**. Read the whole passage, follow its links, and check the heading order and lists. Choose **Publish changes** when the content is ready.

## Related pages

[Blocks](https://docs.systhema.app/cs/editor-guide/pages/blocks.md), [Media](https://docs.systhema.app/cs/editor-guide/media.md), [Live preview](https://docs.systhema.app/cs/editor-guide/pages/live-preview.md), [Drafts and versions](https://docs.systhema.app/cs/editor-guide/pages/drafts-and-versions.md).