Working with the Rich Text Editor (RTE)

The rich text editor is a product called CKEditor. This is what is known as a What You See Is What You Get (WYSIWYG) editor.

CKEditor
An example of a CKEditor window

This page provides descriptions for each item on the CKEditor function menu.

 

Source View

CKEditor source view
CKEditor Source view button

Clicking this button exposes the raw HTML being generated by the editor. Clicking it again switches back to the WYSIWYG editor.

 

Clipboard Functions

CKEditor clipboard functions
The CKEditor clipboard functions

From left to right the items are:

  • Cut
  • Copy
  • Paste
  • Paste as plain text
  • Paste from Word
  • Spell Check As You Type
  • Undo
  • Redo

Differences between Paste functions

  • Paste will paste the copied text exactly as it exists in the clipboard. This is best used if you are copy and pasting from another page on the UTM site or a previous version of a page.
  • Paste as plain text will remove any formatting from the pasted text leaving only the text content. This is best used when you are have a paragraph from a source that is not the UTM website or Microsoft Word.
  • Paste from Word will attempt to translate text copied from Microsoft Word into the appropriate HTML. If you have your text in a Word document with the appropriate tagging of headings, this should preserve the formatting.

Note: much of how things are displayed is controlled by the theme. Some formatting may be stripped out by the editor during the save process.

 

Media Functions

CKEditor media functions
The CKEditor media functions

These two functions are Image and Embed Media.

Image allows you to insert an image into your page with alternative text.

Embed Media allows you to insert other media content, such as YouTube videos. Currently, this functionality only works for flash content, if your embed contains an iframe it will be stripped out.

For more on these items see Images and Media in the RTE.

 

Tables and Data

CKeditor data functions
CKEditor functions for inserting data tables and horizontal breaks.

These two functions are Table and Insert Horizontal Rule.

Table is used for inserting data tables. It should not be used for aligning data as this can create accessibility concerns and cause problems viewing your webpage on a mobile device.

Insert Horizontal Rule inserts a horizontal bar to divide your content thematically. You should use this when you have a shift in topic within a page.

 

Special Items

CKEditor special formatting functions
CKEditor special items

These items allow for the insertion of some unique items. The two outlined items are Insert Special Character and Create Calendar.

Insert Special Character will allow you to insert common latin special characters and currency denotations.

Create Calendar will create a calendar widget within your page. This is useful if you want to manage an upcoming events page for your site.

 

Text Formatting

CKEditor text formatting functions
CKEditor text formatting options

These functions are used to apply (or remove) formatting from your text in the rich text editor.

The dropdown is the Styles menu which contains pre-defined styles for the currently highlighted element. The other options are (from left to right):

  • Remove formatting
  • Bold
  • Italic
  • Underline
  • Subscript
  • Superscript
  • Numbered List
  • Bulleted List
  • Decrease Indent
  • Increase Indent
  • Block Quote

For more on these functions see Formatting Text in the RTE.

 

Links

CKEditor linking functions
CKEditor functions for hyperlinks

These functions are used to insert anchors and hyperlinks into your pages.

These functions from left to right are:

  • Link
  • Unlink
  • Anchor

For more on these functions see Managing Links in the RTE.