Our online Editor is used throughout your site to create and edit News, Events, Content and a number of other items. The Editor allows you to format your text and add items along with your text like links, images, Flash, and video. There are also a number of convenient features to help make you enter and correct your text. The editor even responds to standard keyboard shortcuts. The following is a quick description of each of the items on the editor toolbar.
Bold, Italic, and Underline
These buttons allow you to add emphasis to items in the toolbar. To use, select the text you would like to change and click the button corresponding to the format you would like to apply.
The Format Stripper
To keep your site looking and working its best, we suggest you use this tool to strip out excess formatting. Each item strips a different kind of formatting. (If you copy and paste text from other sources like Word or the Internet, please use this tool before publishing.)
All HTML Tags - This is the most comprehensive. It strips all formatting leaving unformatted text behind. We suggest using this frequently.
Microsoft Word Formatting - Text pasted into the Microsoft Word often contains bloated HTML tags which cause strange behaviors in most browsers.
Cascading Style Sheets - This strips any styles which have been applied. If your text is behaving strangely, this may alleviate the problem.
Font Tags - By default, the fonts used on your site are controlled site-wide. This will strip any special font tags which have been added by another HTML editor tool.
Span Tags - This will remove any SPAN tags. If your text is behaving strangely, this may alleviate the problem.
This allows you to set how the text is justified (where the edges align). The options for this are: left, center, right, and justify. Justify spreads the text to fill the whole page.
The indent controls allow you to control the indention of text. The indent button pushes the text to the right. The outdent button moves that text back to the left.
There are two list buttons. The first list button creates a numbered list, numbering each item starting at 1. The bullet list button creates a list with bullets before each item.
These buttons allow some special formatting to be done. The superscript button places an item above the previous item as in x2. The subscript button places an item below the previous item as in x2. The strikethrough button puts a line through an item as in "I like love you." The horizontal ruler button creates a line between paragraphs.
These buttons create or remove linking on an object. To create a link, highlight the item you would like to make into a link and click the link button. The following dialogue will appear:
Creating a Standard Link
The Hyperlink tab creates a standard link to a URL. It is usually best to simply paste the URL of the page to which you'd like to link in the URL field.
You may choose to link to an anchor on the current page. An anchor is a way to jump directly to a section of the page. The Anchor tab is used to create an anchor on the page. Once the anchor is created, simply choose it from the Existing Anchor dropdown. See next figure for more details.
If you would like to change the type of the anchor to a secure (https) URL, ftp URL or some other special type, select the appropriate type from the Type dropdown. In most cases you will choose http.
The Target allows you to send the link to another page or frame. If you were to leave this blank, the link will open in the existing window. If you would like the browser to open the item in a new window, choose New Window.
The Tooltip determines what text is displayed when the mouse is held over the link. This is particularly useful to make your site more useful to handicapped users.
In most cases, it is best not to set a CSS Class on an item.
Creating an Anchor
An anchor is a reference to specific section of a page. Many times this is used to help a user jump from an index at the top of a page to an item lower on the page. Each anchor must have a unique name. Once an anchor is created, a link can be created on the page that jumps to the existing anchor.
Creating an E-mail Link
If you would like to create a link to an e-mail address (sometimes referred to as a mailto link), fill out this form. The Address should contain the user's e-mail address. The Link Text should contain the text of the link you will be creating. If you fill out the Subject field, when the link is clicked, some e-mail programs will pre-populate the subject line of the e-mail with the contents of this field. In most cases, it is best not to set a CSS Class on an item.
These buttons control the clipboard, allowing you to cut, copy, and paste items. Using these items will allow you to easily move items from other applications, to other applications or move items around the Editor window.
These controls allow several levels of undo and redo. Click the button to undo the last action you performed, such as deleting text. Click the arrow next to the button to choose an action to undo. The redo button performs the opposite action.
Tables can be powerful formatting tools, allowing you to align items into columns and rows. When you click this button, you are presented with the ability to drag to the desired number of columns and rows. You may revisit this menu or right-click a table to add columns or rows at a later time. You may also choose to create your table using the Table Wizard. The buttons within this menu allow you to manipulate the table, adding/removing cells, rows, columns, etc.
Click the Image Manager to upload and/or select an image to insert into your page. The Set Absolute Position button is for advanced formatting. This will place an image on your page in a very specific location. This is hard to control and should only be used by advanced users.
Inserting an Image
The Image Manager uses a folder structure to organize the images already loaded to the Web server. Any previously uploaded picture will be stored in the Image Manager and can be selected to add to any page. Simply find the image you'd like to add and click Insert.
Uploading a New Image
Use this tab to upload an image from your computer to the Web server. Images need to be loaded to the server in order to be included on a page. Once the image is on the server, it can be used on multiple pages without uploading it again. In order to upload, click the Browse button and select the item from your computer's file system. Click Upload to place the image on the Web server. If you do not choose the Overwrite if file with such name exists? option, an error will occur if you attempt to load an image with the exact file name as an existing image on the Web server.
Flash Manager and Media Manager
The Media Manager allows audio and video files to be uploaded and/or inserted into the Editor. Flash is a standard media-rich format often used on the Internet. Flash files often contain animation and mixed media.
Spellchecker helps check for spelling errors in the text within the Editor. This guided process will look for errors and suggest improvements. Click this button at any time to check the spelling for text within the editor.
Search and Replace
This button allows you to find text within the Editor and/or choose to replace text with other text.
This allows you to enable helper modules. These are particularly useful for users who have some knowledge of HTML.
Modes - WYSIWYG or HTML
By default, the editor is set to WYSIWYG (What You See is What You Get) mode. This mode shows the formatted text as it will appear on the screen. For the more Web-savvy users, switching the editor to HTML mode will allow them to see the HTML markup and modify within the HTML. This will allow more granular control to users who have Web design experience.