Toolbar

Click on the "Save" button to save the current file on the staging server. Remember, it will not be live on the production server until it is published by an authorized approver.

Click on the "Save As" button to save the current file with a new file name.

Click on the "Revert" button to undo all changes.

To cut a portion of the document, highlight the desired portion and click on the "Cut" button (keyboard shortcut - CTRL+X).

To copy a portion of the document, highlight the desired portion and click on the "Copy" button (keyboard shortcut - CTRL+C).

To paste a portion that has already been cut (or copied), click on the location where you want to place the desired text on the page and click on the "Paste" button (keyboard shortcut - Ctrl+V).

This button will not work in Firefox without tweaking some settings. To learn how to do this, click here.

To paste from Microsoft Word, click on the "Paste from Word" button. This will open a new window where you can paste then insert your text.

To paste as plain text, click on the "Paste as Plain Text" button. This will open a new window where you can paste then insert your text. This will also remove any special formatting tags that programs such as Microsoft Word may have added.

Click on the "Find" button to search for text on the current page.

Click on the "Find/Replace" button to search for text on the current page then replace that text with other text.

Click on the "Undo" button to undo changes you have done one-by-one.

Click on the "Redo" button to redo changes you have undone and want back in place.

To remove all formatting, highlight the text to be updated and click on the "Remove Formatting" button. This will return the text back to the default settings.

Turns selected text into bold text.

Turns selected text into italicized text.

Turns selected text into underlined text.Please note that underlined text usually means that a word or phrase is a link to another web page. In this case however, the underline formatting does not create a link (to create a link, see the "Insert/Edit Link" Button below).

Turns selected text into strikethrough text.

Turns the selected text into an bulleted list. Example:

• Apples
• Oranges
• Bananas

Turns the selected text into a numbered list. Example:

1. The first subject is...
2. Next I'd like to point out that...
3. Finally we can see that…

To decrease the indent of a paragraph, click on the "Outdent" button. Each consecutive click will move text further to the left.

To increase the indent of a paragraph, click on the "Indent" button. Each consecutive click will move text further to the right.

Turns selected text into ^{superscript text}.

Turns selected text into _{subscript text}.

Moves all selected text to the left.

Centers all selected text.

Moves all selected text to the right.

Moves all selected text to the left and the right.

To create a hyperlink, select the text or image for the link, then click on the "Insert/edit link" button. If applicable, the pop-up window will contain existing link information. You can use the link manager to navigate to the page to which you want to link. The full URL of the page to be linked can be typed in the URL text box. A target window information (optional) and an anchor name (if linking to an anchor - optional) can also be supplied.

When finished, click on the "Insert Link" button to insert the hyperLink you just created, or click on "Remove Link" to remove an existing link. Clicking on "Cancel" will close the window and return to the editor.

To create a mailto link, select the text or image for the link, then click on the "Insert/edit mailto" button. If applicable, the pop-up window will contain existing mailto information. You can use the mailto manager to enter the e-mail address and subject of the e-mail to be sent.

Select in the hyperlink and click on the "Unlink" button to remove a hyperlink

NOTE: The unlink button will only work on anchors in Internet Explorer. It will not work in Firefox, Safari, or Chrome.

To create an anchor, select the text or image for the anchor, then click on the "Insert/edit anchor" button. A pop-up window will contain existing anchor information. Enter the name of the anchor and click on the "Insert" button.

This button displays a drop-down list of the standard fonts recognized by most web browsers. To change the font of existing text, select the text and choose a font from the drop-down list. To start typing new text with a specific font, click on the cursor at the position where you want to begin typing, select a font from the drop-down list, then begin typing. To use a font that is not available in the list, choose "Custom..." and a pop-up screen will request the new font's name. Keep in mind that custom fonts may not be available for display in all browsers.

This button changes the size of any selected text. Size 1 is the largest, 3 is in the middle, and 7 is the smallest. To start typing new text with a specific font size, click on the cursor at the position where you wish to begin typing, select a size from the drop-down list, then begin typing.

The Paragraph button is a drop-down list of several actions that can be used to change the formatting of a selected paragraph. To select a paragraph, simply click on the cursor once anywhere inside the paragraph. The following example functions can be then be used:

Normal <p> - Sets the selected paragraph to normal.

Headings <h1> through Heading 6 <h6> - Sets the selected paragraph to a specific heading size between 1 (the largest) and 6 (the smallest).

Pre <pre> - Sets the selected paragraph format to no text wrap.

This button sets the style any selected text. The styles available are set by the system administrator.

This button sets the color of any selected text. There are 216 color choices. To start typing new text with a specific font color, click on the cursor at the location where you want to begin typing, select a color from the drop-down list, then begin typing.

This button sets the background color of any selected text. There are 216 color choices.

Insert or Edit an image.  For more info, look here.

Insert or Edit embedded media.  For more info, look here.

To insert a Horizontal rule, click on the "Horizontal rule" button. When clicked, a popup will appear that will allow you to choose both width and height of the horizontal rule.

To insert a line break, click on the "Line break" button. This is the same as entering <br />.

To insert a special character, click on the "Insert Special Character" button.

A pop-up window will appear with a list of special characters. Click on the button of the character to insert into your web page. If you know the HTML and numeric equivalent, you can also enter that into the pop-up.

The "Cleanup messy code" button removes extraneous tags and adds appropriate ending tags where necessary. This helps with cross-browser functionality as well as good general practice.

The "Toggle guidelines/invisible elements" button adds/removes the outlines of tables and other elements, for visual purposes only.

The "Edit HTML Source" button takes you to the HTML Source Editor so that you can directly edit the HTML source code.  For more info, look here.

Displays the position of server side code within the WYSIWYG Editor represented by the icon , allowing for easy editing of server side code (PHP,ASP,JSP). Fore more info, look here.

To insert a table, select the desired location, then click on the "Insert Table" button.

A new window will pop-up with the following fields: Columns - number of columns in table; Rows - number of rows in table; Cell Padding - padding around cells; Cell Spacing - spacing between cells; Alignment - the alignment of the content within the cells; Border - thickness of the border around the cells; Width - width of table; Height - height of the table; Class - a class defining the styling of the table;
Table Caption - choose whether or not to have a caption above the table.

Fill in table details, then click on the "OK" button to insert table, or click on "Cancel" to go back to the editor.

Here you can edit the alignment, background color and several other properties.

Here you can edit the alignment, background color and several other properties.

To insert a row before another row, click inside the row cell you want the new row to preceed, then click on the "Insert row before" button.

To insert a row after another row, click inside the row cell you want the new row to follow, then click on the "Insert row after" button.

To delete a row, click inside the row you would like to remove, then click on the "Delete row" button.

To insert a column before another column, click inside the column cell you want the new column to preceed, then click on the "Insert column before" button.

To insert a column after another column, click inside the column cell you want the new column to follow, then click on the "Insert column after" button.

To delete a column, click inside the column you would like to remove, then click on the "Delete column" button.

To split cells that have previously been merged, select the cell then click on the "Split merged table cells" button.

To merge cells, highlight the cells you would like to be merged, then click on the "Merge table cells" button.

Allows you to create or edit your form. When creating a new form, you will be able to set all attributes needed for your form to function properly.

Highlight the form for deletion and click on the "Delete Form" button.

Allows you to insert or modify input field such as checkboxes, buttons, or events.

Allows you to insert or modify selection drop down elements.

Allows you to insert or modify textarea elements.