Technology Services

The CK (rich-text) Editor

Most content types include at least one long-text field that allows an editor to format text, add in-line images, tables, list items, and so on. The table below shows the toolbar icons and a description of the tools' functionality.

Icon Description
Source view toolSource Source view: Toggles the field between the default 'what you see is what you get' view and the underlying HTML source code view.
Cut Copy Cut / Copy: Cuts or copies the selected text to the editor's clipboard.
Paste Paste from Word Paste as plain text Paste: Pastes the contents of the clipboard in its entirety; this can result in extraneous code being added in the background that alters the formatting in an undesireable way.
Paste from Word: Pastes the contents of the clipboard with basic formatting (bold, italic, tabular data, etc.) intact, but strips out Microsoft-specific code. Useful when brining in content from a Word document or existing web page.
Paste as plain text: The 'nuclear option' in that it pastes the contents of the clipboard as plain text, with all formatting stripped out. The editor can then use the available tools to format the text with the tools provided by the rich-text editor.
Undo / Redo Undo / Redo: Undo or redo the latest action(s)
Find / Replace Find / Replace: Find or replace text within the editor
Select All Select All: Selects the contents of the entire field; useful when deleting all content or to clear all formatting.
Remove Format Remove Format: Clears the formatting from the selected content; when used in conjuction with 'Select All' you can remove the formatting from all content within the field.
Image Image: Provides the mechanism for adding or editing an in-line image within the field, as well as options for sizing, aligning, and adding a caption for the image. See 'Add a Photo to a Page' for more information.
Embed Media Embed Media: Provides a way to embed media within the field, for example a YouTube videos' share code.
Table Table: Invokes the dialog for adding or editing a table within the field, including options for number of rows and columns, table header(s), etc.
Insert Horizontal Line Insert Horizontal Line: Adds a horizontal rule (<hr>) where the cursor is currently placed.
Insert Special Character Insert Special Character: Allows the editor to add a special character (e.g. á) where the cursor is currently placed.
IFrame IFrame: Adds an iframe to the field in which an external resources is displayed. A common use-case is for displaying a Qualtrics form within the page.
Bold Bold: Makes the selected text bold.
Italic Italic: Makes the selected text italic.
Subscript Superscript Subscript / Superscript: Makes the selected text subscript or superscript in relation to the surrounding text.
Inser / Remove Numbered / Bulleted List Insert / Remove Numbered / Bulleted List: Used to create numbered (ordered) or bulleted (unordered) lists.
Decrease / Increase Indent Decrease / Increase Indent: Typically used in conjunction with numbered or bulleted lists to create nested items within a list.
Blockquote Blockquote: Formats the selected text as a blockquote.
Align Left / Center / Align Right Align Left / Center / Align Right: Content is left aligned by default, but can be center or right aligned, or returned to the original left alignment.
Link / Unlink Link / Unlink: Link provides a way to add or edit content that acts as a link (see 'creating links' for more information); unlink removes a link from the selected content.
Anchor Anchor: Inserts an anchor at the current location of the cursor. Links may be added which point to anchors on the same page or different pages. A common use-case is a list of frequently asked question at the top of the page, each of which is linked to its respective anchor which has been placed by the apropriate answer further down the page.
Paragraph Format Paragraph Format: Provides a way to change the paragraph or heading format of the selected text.
Formatting Styles Formatting Styles: Provides a menu of predefined styles that can be applied to the selected text; some styles have specific use-cases, such as floating an image or changing the appearance of a table.
Maximize / Minimize Maximize / Minimize: Maximize expands the editor to the full width and height of the browser's viewport; minimize returns it to its original size. If the editor is maximized, it must be minimized before changes to the content can be saved.