skip directly to Main Content Navigation Search A-Z Index Ask the Bulldog Find People Top Story Breadcrumbs Footer
Veterans Day Weekend
November 9-11, 2024
Open Enrollment Begins
November 13, 2024
Thanksgiving Weekend
November 28 - December 1
Request Information
OmniUpdate
The Editor Toolbar
After opening up a page in the WYSIWIG ("What You See Is What You Get") editor, adding and editing content is fairly straightforward. The first step is to familiarize yourself with all the functions available from the editor toolbar. 

Many of these functions are similar to those found in Word's toolbar, but some are unique to editing a website page. The CSM webmaster has configured the toolbar specifically for CSM users.  The toolbar gives you all the functions you need to create attractive, informative pages that fit within the overall look and feel of the CSM web site.  The functions provided by the toolbar are described below.

File Functions

Save button

Save 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.
Save button

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

Revert the editor to its original state Click on the "Revert" button to undo all changes.

Cut, Copy, Paste, Find Functions

Cut button

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

Copy button

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

Paste from Word button

Paste from Word To paste text from Microsoft Word, or from any other source (such as another web page in a browser), click on the "Paste from Word" button. This will open a new window where you can paste then insert your text.

Find button

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

Find/Replace button

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

Undo Redo Functions

Undo button

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

Redo button

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

Spell Check Function

Spellchecker button

Spellchecker To check spelling, click on the spell checker button or right click on the mouse and scroll down to "Check spelling".

You will be taken to the first incorrectly spelled word. You can then choose to:

- Change the incorrectly spelled word with the suggested words provided
- Ignore the incorrectly spelled word (i.e. not make any changes to it).
Formatting Function

Remove Formatting button

Remove Formatting 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.

Basic Font Properties

Bold button

Bold Turns selected text into bold text.

Italic button

Italic Turns selected text into italicized text.

Underline button

Underline 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).

Strikethrough button

Strikethrough Turns selected text into strikethrough text.

Font Styles button

Styles This button sets the style any selected text. The styles available are set by the system administrator.  Use Title, Subtitle, and Caption for special text formatting.  Use Float Left and Float Right for images.

List and Indent Functions

Unordered List button

Unordered list Turns the selected text into an bulleted list. Example:

  • Apples
  • Oranges
  • Bananas
Ordered List button

Ordered list 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...
Outdent button

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

Indent button

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

Script Functions

Superscript button

Superscript Turns selected text into superscript text.

Subscript button

Subscript Turns selected text into subscript text.

Alignment Functions

Alight Left button

Align left Moves all selected text to the left.

Alight Center button

Align center Centers all selected text.

Alight Right button

Align right Moves all selected text to the right.

Link Tools

Insert/Edit Link button

Insert/edit link 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.

Insert/Edit Mailto button

Create or modify a mailto link 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.

Unlink button

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

Insert/edit anchor button

Insert/edit anchor 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.

Insert Images/Media

Insert/Edit Image button

Insert/edit image Insert or Edit an image.

Misc. Graphics Tools

Horizontal Rule button

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

Insert Line Break button

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

Special Character button

Insert custom character 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.

Cleanup Messy Code button

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

Toggle Guidelines/Invisible Elemements button

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

Edit HTML Source button

Edit HTML Source The "Edit HTML Source" button take you to the HTML Source Editor so that you can edit the HTML source code.

Table Tools

Inserts A New Table button

Inserts a new table 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: Rows - number of rows in table; Columns - number of columns in table; Width - width of table; BgColor - background color of table; Cell Padding - padding around cells; Cell Spacing - spacing between cells and Border - border around cells.

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

Table Row Properties button

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

Table Cell Properties button

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

Insert Row Before button

Insert row before 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.

Insert Row After button

Insert row after 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.

Delete Row button

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

Insert Column Before button

Insert column before

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.

Insert Column After button

Insert column after

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.

Remove Column button

Remove column

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

Split Merged Table Tells button

Split merged table cells

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

Merge Table Cells button

Merge table cells

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