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).
Find
Need to look for a word in a long webpage? The WYSIWYG editor has you covered.
Find/Replace
Want to replace one word or phrase with another? The WYSIWYG editor has you covered.
Edit HTML
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.
Links
The Web is based on hyperlinks.
Styles
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
Lists are an effective way to display information.
Format
Change entire lines of text & paragraphs to match certain pre-selected formats by following these steps.
Tables
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.
Info
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.