The WYSIWYG toolbar gives you many of the editing tasks for a page such as inserting links, applying formatting such as bold or italics, and spell checking a page. The various functions of the toolbar are explained below.

  1. Save and Exit
    Click the Save and Exit Icon to save your work and exit the WYSIWYG Editor.

  2. Exit Without Saving
    Exit the WYSIWYG editor without saving your work. All updates or changes made since your last save will be lost.

  3. Cut
    To remove content from the document in order move it somewhere else, highlight the content and click the icon. The keyboard shortcut is CTRL+X for Windows or CMD-X for Mac.

  4. Copy
    To copy content from the page, highlight the content and click the icon. The keyboard shortcut is CTRL+C for Windows or CMD-C for Mac.

  5. Paste
    To paste content onto a page, click the location the content should be placed on the page and click the icon. The keyboard shortcut is CTRL+V for Windows or CMD-V for Mac. All formatting from the content you are pasting will be removed prior to pasting.

  6. Undo
    Click to undo the last changes made in this session one by one. The keyboard shortcut is CTRL+Z for Windows or CMD-Z for Mac.

  7. Redo
    Click to redo changes that were previously undone and should be restored.

  8. Spell Check
    The Spell Check is a Toggle Spell Checker. Click the Spellcheck Icon to spell check the region that you are editing. Misspelled words are underlined in red. You can change the incorrectly spelled word with the suggested words provided or choose to  Ignore the incorrectly spelled word (e.g., not make any changes to it). Click the Spellcheck Icon again to turn the spellchecker off.

  9. Clear Formatting
    To remove all formatting for a selection, highlight the text to be updated and click the icon. This returns the selected text back to the default settings. (For example, if you made a word bold but not longer want it to be, click the Clear Formatting button and it remove the bold formatting)

  10. Bold
    Applies bold formatting to selected text

  11. Italic
    Applies italicized formatting to selected text.

  12. Unordered List
    Turns the selected text into an bulleted list. Use the icon caret to select a different type of unordered list (i.e. squares, circles, etc.).

  13. Numbered List
    Turns the selected text into a numbered list.

  14. Decrease Indent
    Decreases the indent of a paragraph. Each consecutive click moves text further to the left.

  15. Increase Indent
    Increases the indent of a paragraph. Each consecutive click moves text further to the right.

  16. Blockquote
    Blockquote is a block-level element in HTML that can be used to set-off quotations or to cite material.

  17. Align Left
    Aligns a block-level element such as a paragraph or a heading to the left margin.

  18. Align Center
    Aligns a block-level element such as a paragraph or a heading within the left and right margin.

  19. Align Right
    Aligns a block-level element such as a paragraph or a heading to the right margin.

  20. Align Full
    Justifies text making it flush on both the left and right side

  21. Insert/Edit Link
    Inserting/Editing Links Tutorial.

  22. Unlink
    Click within the hyperlink and click the Unlink icon to remove a hyperlink.

  23. Insert/Edit Mailto Link
    To create a mailto link, select the text or image for the link, then click the icon. Enter the email address for the link in the “Address” text field.

  24. Format Drop-Down
    The Format drop-down lists built-in styles that can be applied to a selected paragraph. To apply an element from the Format drop-down, click within the paragraph (or select text), and then click the element from the drop-down. For more information, visit the Format & Styles page.

  25. Styles drop-down
    This drop-down sets the style of any selected text. The styles available are configured by the system administrator. For more information, visit the Format & Styles page.

  26. Horizontal Line
    Adds a horizontal rule (line) to the page. Adding it from the toolbar will add the default horizontal rule (thin, light gray line). To change it to a different style, you need to select the Horizontal Rule and then apply a style using the Styles drop-down menu. For more information, visit the Format & Styles page.

  27. Insert Line Break
    To insert a line break, click the Line Break icon. Use this to split text into a new line, without creating a new paragraph.

  28. Special Character 
    To insert a special character such as a copyright symbol, registered trademark, or other symbol, click the Insert Special Character icon. The Select Special Character modal provides a selection of 200 special character from which to choose.  Click on the icon of the character to insert into the page. 

  29. Insert Asset
    Click the Assets icon in order to select a preconfigured asset to insert into the page. For more information, visit the Assets page.

  30. Table
    To insert a table, position the cursor in the editor where you would like the table inserted, then click the icon. The Table drop-down includes several fields that can be used to define the table including:
    • Insert Table - Add a new table to the page
    • Table Properties - To make changes to an existing table
    • Delete Table
    • Cell - To make changes to an existing cell in the table
    • Row - To insert a new row, delete a current one, or change the Row Properties
    • Column - To Insert an additional column to your table or delete an existing column

  31. Maximize Content Region
    Makes the Editable Content Region full-width.


Next Up: 4.5 - Inserting and Editing Links