Portal
Umbraco Backoffice Documentation

Rich Text

Text block that fills the width of the containing layout column. Rich Text has a range of text elements and text formatting options - bold, italic, underlined.

Content

Rich Text page component has one mandatory content parameter:

  • Rich Text - rich text for the Rich Text text block.

The text can be bold, italic, underlined or a link.

Centered left

Centered

Centered right

The text color changes based on the background color as showcased in Text Color section in Text Blocks page.

Lists

Rich Text can have a number of different lists that change the text color based on the background color as showcased in the Text Color section in the Text Blocks page.

Bullet point list.

  • One
  • Two
  • Three

Numbered list.

  1. One
  2. Two
  3. Three

Different version of numbered list.

  1. One
  2. Two
  3. Three

Tables

Rich Text can have tables which change its style based on the background color as showcased in the Text Color section in the Text Blocks page.

Heading one

Heading two

Heading three
Content one Content two Content three

Text Dividers

Rich Text can have text dividers which are colored lines spanning through the whole section column. The text divider color changes based on the background color as showcased in the Text Color section in the Text Blocks page.

A text divider in One Column layout.

 

A text divider in a Two Column layout.

 

A text divider in a Three Column layout.

 

Settings

Rich Text page component has the following settings:

Paragraph Text Size

Sets the Paragraph text size.

Small Paragraph text size

Default Paragraph text size

Medium Paragraph text size

Large Paragraph text size

Editor Content Clean Up

When copying the text from another website or page sometimes some HTML Tags might be copied together with it which are invisible to the naked eye but will impact how the text is displayed on the page. Trying to save a page with text which has HTML tags will result in an error notification and the page won't be saved. Before the page can be saved and published, the invisible HTML tags should be cleaned up from the Rich Text editor. To do this:

  1. Copy the text from the Rich Text editor.
  2. Put the text into a text editor, preferably Microsoft Word.
  3. The text editor will clean up the invisible HTML tags and any styling automatically.
  4. Copy the text from the text editor and paste it back into the Rich Text editor in Umbraco.

If the above steps don't work and the error message is still getting displayed, the content needs to be cleaned up in Notepad or TextEdit which will clean up all of the invisible HTML tags, styling and text formatting, including tags, headings, spacing and links. To do this:

  1. Copy the text from the Rich Text editor.
  2. Put the text into a Notepad on Windows or TextEdit on macOS.
  3. The text editor will clean up the invisible HTML tags and any styling and formatting automatically.
  4. Copy the text from Notepad or TextEdit and paste it back into the Rich Text editor in Umbraco.

Previous section:

Headline

Next section:

Accordion