The WYSIWYG Editor

Introduction to the WYSIWYG Editor

The WYSIWYG editor serves two purposes: productivity & consistency.

Avoiding Accidents While Editing

How to avoid those “Oh no!” moments.

Paste as Plain Text

Strip all formatting from what you paste into the WYSIWYG editor.

Undo & Redo

The WYSIWYG editor has buttons to help you recover from a mistake (Undo) & make editing a bit easier (Redo).


Need to look for a word in a long webpage? The WYSIWYG editor has you covered.


Want to replace one word or phrase with another? The WYSIWYG editor has you covered.


If you’re an advanced user & you know HTML, you can bypass the WYSIWYG content editor & edit your story directly.

Cleanup Messy Code

If you take a look at your HTML & you think it’s messy, the Cleanup Messy Code button fixes things.

Insert/Edit Attributes

If you’re an HTML & CSS whiz, you may find this useful.


The Web is based on hyperlinks.


The menu enables you to apply pre-determined styles (formatting) to selected text.

Bold & Italic

The WYSIWYG makes it easy to make text bold or italic, just like in word processors.

Superscript & Subscript

The WYSIWYG makes it easy to make text superscript or subscript, just like in word processors.

Edit CSS Style

Enter CSS style information—like different text sizes, positioning, and more—for selected text.

Remove Formatting

Remove styles from text by following these steps.


Lists are an effective way to display information.


Change entire lines of text & paragraphs to match certain pre-selected formats by following these steps.


Got a lot of useful data to display? Use a table.

Horizontal Rule

A horizontal rule is a line across the webpage that separates it.

Special Characters

Special characters like € & © aren’t on your keyboard. Use the WYSIWYG editor to insert them.


There’s really no need to ever push this button, but if you want to find out more about the WYSIWYG editor, you can.

Key Commands

You can use your keyboard to turn on certain features in the WYSIWYG editor.