WYSIWYG Toolbar

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

Save and Exit

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

Exit Without Saving

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

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.

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.

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.

Undo

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

Redo

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

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.

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 no longer want it to be, click the Clear Formatting button and it removes the bold formatting.

Bold

Applies bold formatting to selected text.

Italic

Applies italicized formatting to selected text.

Unordered List

Turns the selected text into an bulleted list. Use the icon caret to select a different bullet style: check, square, circle or disk.

Numbered List

Turns the selected text into a numbered list.

Decrease Indent

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

Increase Indent

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

Blockquote

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

Align Left

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

Align Center

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

Align Right

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

Align Full

Justifies text making it flush on both the left and right margins.

Insert/Edit Link

See, Inserting/Editing Links.

Unlink

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

Insert/Edit Mailto Link

To create a mailto link, select the text or image for the link, then click the icon. Enter the E-mail address for the link in the address text field.

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, see Format and Styles.

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, see Format and Styles.

Horizontal Rule

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, see Format and Styles.

Insert Line Break

To insert a line break, click the Line Break icon. Use this to begin text on a new line, without creating a new paragraph.

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 characters from which to choose. Click on the icon of the character to insert into the page.

Insert Asset

Click the Assets icon in order to select a preconfigured asset to insert into the page. For more information, see Assets.

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

Maximize Content Region

Makes the Editable Content Region full-width.

Additional Resources

See, Toolbars.

 

Next Up: Inserting and Editing Links.