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)
Icon | Tool | Description |
---|---|---|
Save 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 | Save a copy of the current file to the staging server and exit WYSIWYG editor. | |
Exit Without Saving |
Exit WYSIWYG editor without saving changes. | |
Restore 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.
Icon | Tool | Description |
---|---|---|
Cut |
Remove selected content from its original location, to be inserted where pasted. | |
Copy |
Copy selected content from its original location, to be inserted where pasted. | |
Paste |
Insert selected content from its original location. Paste removes styling that is not compliant with the WYSIWYG editor, for example, Microsoft Word formatting. | |
Paste 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
Icon | Tool | Description |
---|---|---|
Find and Replace |
Search for text in the editable region then replace with other text. |
Undo/Redo
Icon | Tool | Description |
---|---|---|
Undo |
Erase the most recent changes made in this session, one by one. | |
Redo |
Reverse the undo. |
Spell Check
Icon | Tool | Description |
---|---|---|
Spellcheck |
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
Icon | Tool | Description |
---|---|---|
Clear Formatting |
Remove styling on the selected text. |
Font Formatting
Icon | Tool | Description |
---|---|---|
Bold |
Bold selected text. | |
Italic |
Italicize selected text. | |
Underline |
Underline selected text. Underline formatting does not create a link (to create a link, click "Insert/Edit Link"). | |
Strikethrough |
Cross out selected text. |
Lists and Indents
Icon | Tool | Description |
---|---|---|
Bullet List |
Organize the selected content into a bulleted list. For example:
| |
Numbered List |
Organize the selected content into a numbered list. For example:
The "Numbered List" dropdown menu depicts the styles available for the list item marker. | |
Decrease Indent |
Move selected text block to the left. | |
Increase Indent |
Move selected text block to the right. | |
Blockquote |
Specify a section of text quoted from another source. |
Superscripts and Subscripts
Icon | Tool | Description |
---|---|---|
Superscript |
superscript selected text. | |
Subscript |
subscript selected text. |
Text Alignment
Icon | Tool | Description |
---|---|---|
Align Left |
Align an element, such as a paragraph, to the left margin. | |
Align Center |
Center an element, such as a paragraph, within the left and right margin. | |
Align Right |
Align an element, such as a paragraph, to the right margin. | |
Justify |
Align an element, such as a paragraph, with both margins. |
Link Tools
Icon | Tool | Description |
---|---|---|
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 Link |
Create a link from the selected content that prompts an email client to open a new email. | |
Anchor |
Create or edit a page marker that can link to other content. |
WYSIWYG Help
Icon | Tool | Description |
---|---|---|
Help | Reference information about the WYSIWYG toolbar. |
Row 2Link to this section
Font Properties (Family, Size, Paragraph, Formats)
Icon | Tool | Description |
---|---|---|
Fonts |
Change the font family for the selected text. The "Fonts" dropdown menu lists standard fonts recognized by most web browsers. | |
Font Sizes |
Change the font size for the selected text. | |
Blocks |
Set the appearance of content on a line using HTML elements. A common use case is headings. | |
Formats |
Set the appearance of the selected text using custom CSS styles. |
Text Properties
Icon | Tool | Description |
---|---|---|
Text Color |
Change the color of the selected text. The default palette comes with 40 predefined colors. | |
Background Color |
Change the background color of the selected text. The default palette comes with 40 predefined colors. |
Images and Media
Icon | Tool | Description |
---|---|---|
Insert/Edit Image |
Insert or edit an image. | |
Insert/Edit Media |
Insert or edit a video or other playable media. |
Miscellaneous Functionality
Icon | Tool | Description |
---|---|---|
Horizontal Line |
Insert a horizontal line <hr /> at the cursor. | |
Insert Line Break |
Insert a line break <br /> at the cursor. | |
Special 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 |
View a block-level element, such as <p> or <blockquote>, with a thin border and labeled with a small tag. |
Source Code
Icon | Tool | Description |
---|---|---|
Source 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
Icon | Tool | Description |
---|---|---|
Insert Snippet |
Add preexisting snippets of formatted content to the page. The administrator determines the available snippets. | |
Insert Asset |
Add preconfigured assets of formatted content to the page. The administrator determines the available assets. | |
Insert Component |
Add preconfigured components of form-based content to the page. The administrator determines the available components. |
Add-Ons (optional)
Icon | Tool | Description |
---|---|---|
Insert Pathways: Job Market Data |
Add Job Market Data to a page |
Personalization Dynamic Content
Icon | Tool | Description |
---|---|---|
Insert Personalization Dynamic Content |
Add Personalization dynamic content to a page | |
Insert Personalization A/B Test |
Add an Personalization A/B test to a page (with purchase) |
Table Tools
Icon | Tool | Description |
---|---|---|
Table |
Insert and modify a table. |
Maximize Content Region
Icon | Tool | Description |
---|---|---|
Maximize Content Region |
Expand the editable region to fill the width of the frame window. |