Skip to main content

WYSIWYG Text Editor

You will notice that the Content field looks similar to other word editing programs such as Microsoft Word. In web editing, this is called a WYSIWYG (pronounced WIZ-zee-wig) editor. It stands for What You See Is What You Get. Given that you will recognize many of the buttons used in the WYSIWYG editor, we will only go over the ones that are unique to web editing. Formatting options are categorized by function in this new WYSIWYG configuration.

Cut/Copy/Paste

These options can be found under Edit dropdown. You may also use keyboard shortcuts, ctrl+c to copy, ctrl+v to paste and ctrl+x to cut.

Paste as Text

When you attempt to paste text from an outside application, the text can carry hidden web code. To remove this code as you paste, use the Paste as Text option. This will ensure that all pre-existing formatting is removed. Although this button will eliminate many future problems, it removes all formatting. This means that any bold, italic, underlined, or linked words will appear as plain text. You will need to manually add format options to your text.

You will find the following text formatting options under Format dropdown.

Bold, Italic, Superscript, Subscript

These formatting options are located under Format dropdown. To apply these styles, simply select the text and then select the style. 

Apply Headings

 Headings can be used to create a structure and visual hierarchy on the page. To apply headings, select the text, go to Format-->Formats-->Headings and then select the heading you wish to apply.

Accessibility Tip