By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

 
Skip to Content

Toolbar Options

The following tables describe What You See Is What You Get (WYSIWYG) toolbar functions. Level 10 administrators can assign custom toolbars and some file types use simpler toolbars so you may not have every toolbar option available to you on a given file.

Row 1Link to this section

File Tools (Save, Save As, Revert, Restore)

IconToolDescription
Save iconSave and Exit

Save the current file to the staging server and exit WYSIWYG editor. Remember, changes don't appear on the production server until published.

Save As iconSave AsSave a copy of the current file to the staging server and exit WYSIWYG editor.
Exit Without Saving iconExit Without Saving

Exit WYSIWYG editor without saving changes.

Restore Last Draft iconRestore Last Draft

Restore the content to its last auto-saved point. 

Pages are auto-saved every minute while a user is editing and can be recovered up to 20 minutes later. Auto-saved drafts can only be recovered from the same computer and browser used when the content was lost.

Cut, Copy, Paste

Many browsers disable the use of these buttons; use keyboard shortcuts instead if necessary.

IconToolDescription
Cut iconCut

Remove selected content from its original location, to be inserted where pasted.

Copy iconCopy

Copy selected content from its original location, to be inserted where pasted.

Paste iconPaste

Insert selected content from its original location. 

Paste removes styling that is not compliant with the WYSIWYG editor, e.g., Microsoft Word formatting.

Paste as Plain Text iconPaste as Text

Remove all formatting before inserting selected content from its original location.

The icon remains selected until clicked again. All following pastes are plain text, until you exit the WYSIWYG editor.

Find and Replace

IconToolDescription
Find and Replace iconFind and Replace

Search for text in the editable region then replace with other text

Undo/Redo

IconToolDescription
Undo iconUndo

Erase the most recent changes made in this session, one by one.

Redo iconRedo

Reverse the undo.

Spell Check

IconToolDescription
Spellcheck iconSpellcheck

Check the spelling within the editable region.

Misspelled words are underlined in red. Right-click the underlined word to change it to the suggested word, ignore it, or add it to the custom dictionary.

The "Spellcheck" dropdown menu lists the languages available for spelling check.

Clear Formatting

IconToolDescription
Clear Formatting iconClear Formatting

Remove styling on the selected text.

Font Formatting

 

IconToolDescription
Bold iconBold

Bold selected text.

Italic iconItalic

Italicize selected text.

Underline iconUnderline

Underline selected text.

Underline formatting does not create a link (to create a link, click "Insert/Edit Link").

Strikethrough iconStrikethrough

Cross out selected text.

Lists and Indents

IconToolDescription
Bulleted List iconBullet List

Organize the selected content into a bulleted list. For example:

  • Strawberries
  • Raspberries
  • Cherries


The "Bullet List" dropdown menu depicts the styles available for the list item marker.

Numbered List iconNumbered List

Organize the selected content into a numbered list. For example:

  1. Strawberries
  2. Raspberries
  3. Cherries

The "Numbered List" dropdown menu depicts the styles available for the list item marker.

Decrease Indent iconDecrease Indent

Move selected text block to the left.

Increase Indent iconIncrease Indent

Move selected text block to the right.

Blockquote iconBlockquote

Specify a section of text quoted from another source.

Superscripts and Subscripts

IconToolDescription
Superscript iconSuperscript

superscript selected text.

Subscript iconSubscript

subscript selected text.

Text Alignment

IconToolDescription
Align Left iconAlign Left

Align an element, such as a paragraph, to the left margin.

Align Center iconAlign Center

Center an element, such as a paragraph, within the left and right margin.

Align Right iconAlign Right

Align an element, such as a paragraph, to the right margin.

Justify iconJustify

Align an element, such as a paragraph, with both margins.

Link Tools

IconToolDescription
Insert/Edit Link

Create or edit a link from the selected content to other content.

Remove Link

Remove a link from the selected content.

Insert/Edit Mailto iconInsert/Edit Mailto Link

Create a link from the selected content that prompts an email client to open a new email.

Anchor iconAnchor

Create or edit a page marker that can link to other content. 

WYSIWYG Help

IconToolDescription
A black circled question mark iconHelp Reference information about the WYSIWYG toolbar.

Row 2Link to this section

Font Properties (Family, Size, Paragraph, Formats)

IconToolDescription
Font Family iconFonts

Change the font family for the selected text.

The "Fonts" dropdown menu lists standard fonts recognized by most web browsers.

Font Size iconFont Sizes

Change the font size for the selected text.

Blocks iconBlocks

Set the appearance of content on a line using HTML elements. A common use case is headings.

Formats iconFormats

Set the appearance of the selected text using custom CSS styles.

Text Properties

IconToolDescription
Text Color iconText Color

Change the color of the selected text.

The default palette comes with 40 predefined colors.

Background Color iconBackground Color

Change the background color of the selected text.

The default palette comes with 40 predefined colors.

Images and Media

IconToolDescription
Insert/Edit Image iconInsert/Edit Image

Insert or edit an image.

Insert/Edit Media iconInsert/Edit Media

Insert or edit a video or other playable media.

Miscellaneous Functionality

IconToolDescription
Horizontal Line iconHorizontal Line

Insert a horizontal line <hr /> at the cursor.

Insert Line Break iconInsert Line Break

Insert a line break <br /> at the cursor.

Special Character iconSpecial Character

Insert a special character, such as a copyright symbol or Greek alphabet letter, at the cursor.

The "Special Character" box lists 200 special characters.

 Show Blocks iconShow Blocks

View a block-level element, such as <p> or <blockquote>, with a thin border and labeled with a small tag.

Source Code

IconToolDescription
Source Code iconSource Code

View and edit the HTML code in the editable region.

When your edits are complete, click Save in the "Source Code" box.

Reusable Content

IconToolDescription
Insert Snippet iconInsert Snippet

Add preexisting snippets of formatted content to the page.

The system administrator determines the available snippets.

Insert Asset iconInsert Asset

Add preconfigured assets of formatted content to the page.

The system administrator determines the available assets.

Insert Component iconInsert Component

Add preconfigured components of form-based content to the page.

The system administrator determines the available components.

Table Tools

IconToolDescription
Table iconTable

Insert and modify a table.

 Maximize Content Region

IconToolDescription
Maximize Content Region iconMaximize Content Region

Expand the editable region to fill the width of the frame window.