Rich text
Jan Cerman
22 minutes
Components / Rich text (formatting) / Linked items
When you add content to a rich text element, you might want to format it and add structure. Use the options available in the inline toolbar.
Explore your path to mastery- Take your first creative steps in Kontent.ai. Discover how to create a content item and preview the results of your efforts.
- Spice up your content by adding a proper structure to your content item.
Meet the toolbar
You can easily structure your content using headings, paragraphs, ordered or unordered nested lists, tables, links, images, components, and other items and add formatting such as bold, italics, subscript, superscript, andmonospace.
author content with AI to:
- Shorten your text
- Provide instructions using custom prompts
- Change the voice and tone
- Generate titles and summaries
To author content with AI, you need to activate it in AI accelerators.Use character counter
If you need to write content of a specific length, there’s a character count located at the bottom of the editor window to help you. The counter can also show the number of words and whether you’re approaching a specified limit. To enable word count, adjust the limitations of the rich text element.
Adding links
Add hyperlinks to your content by selecting a portion of the text in the rich text editor and clickingÂ
.
- Web URL link – creates a hyperlink to a website (such asÂ
https://example.org). You can insert any type of URL
, including absolute and relative addresses, and anchors. You can also specify a link title and choose whether the link should open in a new browser window. - Content item link – points to any content item within your project, limited to the currently selected language variant. You can publish content item links along with the content item.
- Asset link – points to any asset within your project and lets visitors view and download the file.
- Email link – creates an email hyperlink (such asÂ
mailto://email@address.com). Clicking on a mailto link opens a new blank email in the visitor's default email client. You can define the recipient and subject of the email. - Phone link – creates a phone link (such as
tel:+420630123456). Clicking on a tel link opens the visitor's default phone client with the number ready to be called.
Adding images
Make your content more engaging. Add images directly to the rich text by clickingÂ
and then 
. The image will be inserted at the position of the cursor.
Adding tables
To add a table, position your cursor in the text and clickÂÂ and then 
.
By default, the table will be 3 x 3 – consisting of 3 rows and 3 columns. You can change the table’s dimensions by right-clicking the table and choosing one of the options shown.
 > , you can right click anywhere in the table to add or remove its rows and columns.You can use any text formatting inside your tables and insert images into them. However, tables won't let you create nested tables or insert content items and components.Adding components
Depending on whether you’d like to reuse your content later, you can choose a component (for one-time use) or a content item (reusable). Both can be added directly to a rich text element via the toolbar. Click and then 
to add a new component to the element.
From single-use to re-useIf you later find another use for the content in your component, you can always convert it to a content item by clicking 
.
This conversion cannot be undone. If done by accident, archive the new item and create your component again.Save space by collapsing components
You can quickly collapse all the components in the rich text by clicking
More actions and then 
Collapse components.
Even with the collapsed components, you can still see a little text preview of what’s inside. For this to work, your component needs to contain a filled-in text element.
Adding content items
To create a reusable piece of content, click and then 
to embed a content item into your text.
Just like with linked items elements, a tile representing the included content item will appear showing its name, content type, workflow status, and readiness. You can set limitations on the content type of the content items that can be included in the rich text. After adding linked items, you can publish all the linked items along with the original content item to save you the time of publishing each item separately.
You can expand the item you added to see its content. Click
 to open and edit the item.
Clear formatting
Clear formatting by selecting a portion of the text in the rich text editor and clicking
. All formatting for the currently selected text will be removed, including headings, links, lists, and tables.
Not enough options in the toolbar?
Maybe you’re used to editors where you can set your text color, font face, or image display width. And maybe you’re missing these options in Kontent.ai’s rich text editor. The editors that offer tight control over visuals of content are called WYSIWYG (What You See Is What You Get), and there’s a reason why Kontent.ai doesn’t offer these options out of the box.While this level of control over visual aspects of your content might sound useful, there’s a catch. When you use WYSIWYG editors to style your content, you face the danger of creating visually inconsistent content, violating your organization’s visual style guide, or even breaking your app. Also, reusing content from WYSIWYG editors across multiple channels is usually next to impossible. Why, do you ask? Have a look at our blog post about the pitfalls of WYSIWYG editors.
.