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.
|Source||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: Cuts or copies the selected text to the editor's clipboard.|
|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 or redo the latest action(s)|
|Find / Replace: Find or replace text within the editor|
|Select All: Selects the contents of the entire field; useful when deleting all content or to clear all formatting.|
|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: 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: Provides a way to embed media within the field, for example a YouTube videos' share code.|
|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: Adds a horizontal rule (<hr>) where the cursor is currently placed.|
|Insert Special Character: Allows the editor to add a special character (e.g. á) where the cursor is currently placed.|
|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: Makes the selected text bold.|
|Italic: Makes the selected text italic.|
|Subscript / Superscript: Makes the selected text subscript or superscript in relation to the surrounding text.|
|Insert / Remove Numbered / Bulleted List: Used to create numbered (ordered) or bulleted (unordered) lists.|
|Decrease / Increase Indent: Typically used in conjunction with numbered or bulleted lists to create nested items within a list.|
|Blockquote: Formats the selected text as a blockquote.|
|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 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: 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: Provides a way to change the paragraph or heading format of the selected text.|
|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 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.|