WYSIWYG Toolbar
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.
-
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 one by one. 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 not longer want it to be, click the Clear Formatting button and it remove 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 type of unordered list (i.e. squares, circles, etc.). -
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 side -
Insert/Edit Link
Inserting/Editing Links Tutorial. -
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 email address for the link in the “Address” text field. -
Anchor
Create or edit a page marker that can link to other content. -
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. -
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. -
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. -
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. -
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. -
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. - 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.
Next Up: 4.5 - Inserting and Editing Links