Formatting Text in the RTE

In this section, we will discuss the Text formatting options available within the RTE.

All formatting is done via the formatting options highlighted in the image below.

Formatting options highlighted in CKEditor

  • Options for customizing the font, font size, and font colours are not available. This is so that formatting remains consistent between various subsites and maintains a similar look and feel.
  • Remember: If everything is highlighted, then nothing stands out.
  • Best practices suggest that a maximum of three font sizes per page is best.

 

Style options via Styles dropdown

The Styles dropdown highlighted
The Styles dropdown item

This is the primary source of applying pre-defined styles to your text. Some content elements such as lists or tables have additional style options appear when selected.

For a full breakdown of styles available, see Pre-defined styles page.

 

Bold, Italics, Underline, and Script Characters

Applying basic formatting (b​old, italic, underline, subscript, superscript) to your text is simple. Simply highlight the text you want to change and click the appropriate formatting button shown below.

Removing this formatting is as simple as placing the insertion point anywhere within the formatted text and pressing the appropriate formatting button again. Alternatively, you can highlight the text to remove the formatting from and click either the formatting option you wish to remove or the "Remove Format" button if you wish to remove all styles.

The bold button highlighted
The bold formatting button (Ctrl + B)
Italic button highlighted
The italic formatting button (Ctrl + I)
Underline button highlighted
The underline formatting button (Ctrl + U) 
The subscript button highlighted
The subscript formatting button
Superscript button highlighted

The superscript formatting button

Lists and Indents

There are two forms of list: ordered (or numbered) lists and unordered (or bulleted) lists. List and indents are very closely related. If you press the indent button while creating a list it will allow you to create a sublist below the previous list item.

While creating a list, pressing the enter key will add another item to the list. Pressing enter a second time will terminate the list and return you to editing a paragraph.

 

Creating a list

Step 1 - Place your cursor where you want to insert your list or on a line that you want to become a list item

A block of text with insertion point

Step 2 - Press the appropriate list button

Button for creating a numbered list is highlighted
Create a numbered list with this button.
Button for creating unordered list is highlighted
Create a bulleted list with this button.

Step 3 - Enter your list text

List of two items created after pressing list button

 

Creating a sublist

Step 1 - Create parent list item and press enter at the end of the line

An empty list item is created

Step 2 - Press the Increase Indent button

Increase Indent button is highlighted

Step 3 - Change list type (if sublist should be of a different list type)

Button for creating a numbered list is highlighted
Create a numbered list with this button.
Button for creating unordered list is highlighted
Create a bulleted list with this button.

Step 4 - Edit the sublist as you would a normal list

A sublist being created

Step 5 - Press ENTER twice to go back to editing your list or press the Decrease Indent button

Decrease indent button is highlighted.

Completed list

 

Indents

Text can be indented as well. Note: This will indent the entire text block and not just the first line.

To create indented text, place your index anywhere in the block of text you want to indent and press the indent button. This can be indented up to 4 times. You can go back one indent level by pressing the Decrease Indent button.

This text is indented.

 

New Lines

Hitting the Enter key will start a new paragraph. If you press CTRL + Enter this will insert a line break without starting a new paragraph.

This is a paragraph.

This is also a paragraph.
This is a new line in paragraph #2.