How to use the Rich Content editor | Civio Engage Knowledge Base     [Skip to content](#main)  [ ![Civio Engage Knowledge Base](/civio-light.svg) ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io)  [Product documentation](/articles) [Release notes](/releases) [Roadmap](/roadmap) [ Support portal ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io/portal/login)   Toggle navigation      

  [Product documentation](/articles) [Release notes](/releases) [Roadmap](/roadmap) [Support portal](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io/portal/login)  

  1. [Home](/) ›
2. [Product documentation](/articles) ›
3. [Working with content](/articles?category=1) ›
4. How to use the Rich Content editor

 How to use the Rich Content editor
==================================

Updated 1 day ago · 2 min read

 Search     Search  

The Rich Content editor also referred to as a 'WYSIWYG' is a publishing tool that lets you view your text changes as you make them. You can see bold or italicised text, headings and tables as they will look when published.

Civio Engage's editor allows for a range of rich text editing options for creating your landing page content.

![The Body content field, with the Rich Content editor's toolbar above it showing formatting icons and the + button for extended options.](https://engage.knowledge.civ.io/storage/D7FTLQ1ftwu4g9Zqp9LPqJDVx8Rz5RWUprnLNbHy.png)

The Rich content editor

The editor
----------

The Rich content editor is used whenever there is an opportunity to input free text. You'll see text editing options, such as headings, making text bold, adding a list, a hyperlink, or an image. Basic editing functions will be displayed in a toolbar at the top of the input box. Extended functions will be displayed by clicking on the **+** icon on the toolbar.

![The Rich Content editor toolbar with the + icon highlighted, which reveals extended formatting options.](https://engage.knowledge.civ.io/storage/wNzTbLg4HPLPERs51ku5u7MM85Jva6z4QmbUXRLL.png)

Editor functions
----------------

NamePurposeExampleHeadingsAdd headings tags to the headings of your content.Heading 1
=========

Heading 2
---------

### Heading 3

BoldMakes text thicker and more prominent.**Bold text example**ItalicMakes text thinner and slanted at an angle, to indicate emphasis.*Italic text example*StrikethroughPuts a line through the middle of text to indicate the word is crossed out.Strikethrough text exampleCodeFormats text so it looks like computer code input.`Code text example`ListCreates a bulleted list, a numbered list, or a task list.- Bulleted list example

1. Numbered list example

Task list exampleAlign textAligns the text to the left or right edges of the margins.HyperlinkLink selected copy to any URL address on the Internet, including within your Engage site.Hyperlink exampleImageAdds an image inline with your text. Images may not be formatted correctly by default when added here.Extended functionsTableAdds a table to your text. You can set the number of rows and columns.![An empty three-column, three-row table inserted into the rich content editor.](https://engage.knowledge.civ.io/storage/fQb9uti4nSh5LLbvYVFc6WTmAzIVGPJzghh55kNF.png)

AccordionCreates a collapsible set of sections to hide or display your content with a dropdown arrow.![An accordion block in the rich content editor, with three collapsible titled sections.](https://engage.knowledge.civ.io/storage/z7hIrTBnP27r2q50Vdj3itKlP54cPVQ4jVZ6ar6q.png)

oEmbedEmbed content from sources such as Youtube, Vimeo, Soundcloud, Spotify and many more.![A YouTube video embedded inline using oEmbed, showing the player with its title bar, play button and Watch on YouTube link.](https://engage.knowledge.civ.io/storage/tPlahpAIliJrt8A45cHDufeMxw1FusUAqlsyWTAZ.png)

QuoteInsert a block quote with a citation of the quote author.![A block quote in the rich content editor, with the quote author credited beneath it.](https://engage.knowledge.civ.io/storage/7DgI9usBC1tyFo9lG9x4KMXUcyG9MZH1PYMrbzUd.png)

Callout BoxInsert a callout box for highlighting content.![A callout box in the rich content editor, with a title and a bulleted list of points.](https://engage.knowledge.civ.io/storage/6kQBz3ZVuKldoAXgLfr5SNiDDL9htEJHxVuYRgGp.png)

Code blockInsert a multi-line code block.![A multi-line code block inserted into the rich content editor.](https://engage.knowledge.civ.io/storage/KwZ4HgATNaav92a7kLh1j9SZWy47bdTGACKZkpzt.png)

DividerAdd a horizontal divider line.![A horizontal divider line separating two paragraphs of rich content.](https://engage.knowledge.civ.io/storage/zPZbVJ2DPd6UaR2dtSZqnmL4ZPRO7sEG7PzR3l3l.png)

Was this article helpful?
-------------------------

Your feedback helps us prioritise what to rewrite.

      Yes     No  

 [    Back to Working with content ](/articles?category=1) 

 On this page 

### Still need help?

Raise a request in the support portal and track it to resolution.

 [ Submit a support request ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io/portal/login)

Submit a support request through the [support portal](/portal) or email .

 © 2026 [Civio](https://civ.io) [Privacy Policy](/articles/privacy-policy) [Terms of Use](/articles/terms-of-use)