The WYSIWYG Editor acts just like a Word Processor (the most well-known of which is Microsoft Word). In fact, this very paragraph is being typed on the WYSIWYG Editor. It's that easy. Here is a quick directory of the tools available.
Let's start with the Toolbar at the top of the WYSIWYG Editor:
As you can see, the Toolbar has three distinct rows of icons. Click on a row to find out more about each icon:
Row 1 - Potpourri
Row 2 - Text
Row 3 - Tables
Row 1 - Potpourri: Images, HTML, Linking, Etc.
The first row of icons in The WYSIWYG Toolbar is a catch-all, from HTML to managing and editing an image. Let's go icon by icon and see what each one does:
Maximize Editor: 
Toggle the WYSIWYG Editor to expand and encompass the entire screen.
Undo: 
Did you accidentally add a paragraph? Click this icon to undo any errors you may have made. Keep clicking if you made a lot of mistakes.
Redo: 
Oops? You meant to keep that paragraph, but you just clicked "Undo"? Click "Redo" to undo your "Undo."
Tag Editor: 
Click here to embed html (from, for example, YouTube).
Select All: 
Click here to select everything in the editor.
HTML Toggle: 
For all of you HTML nuts out there, you can click this icon to add any HTML you may need.
Spell Check: 
Hellps Maike Shure Yur Speling Korrectly.
Select All:
Click here to select everything in the editor.
Find and Replace: 
So, now you're dating Katie and not Kathy? Find a word and replace it with another word and replace Kathy with Katie with this icon. It's less painful than a new tattoo...
As you can see, you have options for your search:
Whole words only: replaces complete words
Case sensitive search: this will replace, for example, "Pat" but not "pat"
Substitute all occurrences: this will replace, for example, all occurrences of the word "Pat"
Once you have selected your options, click "Next":
You will then receive this notice to let you know the word has been replaced:
Or, if the word is not found, this notice:
Clean Up HTML: 
Get rid of any extra html with this tool.
Remove Formatting: 
Highlight and then remove any formatting created.
Paste As Plain Text: 
Gets rid of any formatting and code for most Word Documents. In order to add text from a Word file, it's best to add it through the plain text icon so that any formatting differences are wiped clean.
Insert Web Link: 
Click
here to learn more about adding a link in the WYSIWYG Editor.
Insert Anchor Link: 
Click
here to learn more about adding an anchor link in the WYSIWYG Editor.
Insert File Link: 
Add a download with this icon. Click here for more information.
Horizontal Rule: 
Add a horizontal rule like the one below:
Insert Special Characters: 
Now you can have a site dedicated to Bryndzové Halušky, the National Dish of Slovakia, without resorting to drawing accents on your screen. Click this icon to add special characters, including ® and ©.
Insert/Modify Image: 
Click
here to learn more about adding and editing images in the WYSIWYG Editor.
Size Adjustment:
Adjust the font size by scrolling down.
Format Adjustment:
Adjust the format by scrolling down. Headings differ depending on template style.
Row 2 - Adjusting Your Text and Fonts
The second row of icons is mostly used for making adjustments to the text. Let's dive in and find out more:
Bold, Italicize, Underline, or Strike-through: 
Highlight then click on whichever adjustment you want made to the text.
Font Color: 
Change the
font color by clickin this icon.
Background Color: 
You can change the
background color of the text by clicking this icon.
Subscript: 
Add
subscript with this icon.
Superscript: 
It's a bird, it's a plane, it's
superscript!
Editor Shortcuts: 
Learn keyboard shortcuts here.
Justify Left: 
As the default, Justify Left simply means that all of the words are lined up on the left. This page is all done in justify left.
Justify Center: 
With Justify Center, all of your words are centered in the WYSIWYG Editor.
Justify Right: 
Justify Right brings all the text to the right hand side like this.
Justify Full: 
Pulling the words to both the left and right, Justify Full is best used in smaller boxes, so as not to force space between words.
Ordered List: 
This icon, when clicked, allows you to make a numbered list:
- Like
- so...
To continue an ordered list, press ENTER every time you want a new number to appear. Press ENTER again to return to Justified Left. Press SHIFT + ENTER to skip a number, but keep the same indentation. Press ENTER twice to return to Justified Left..
Decimal Numbers:
Here, you can select the number type for your ordered list and finally find out that the lower greek letters for 26 is aß.
Bullet List: 
A Bullet List is akin to the Ordered List, only bullet points, and not numbers, are used:
Like the ordered list, continue to press ENTER after each list item is complete to continue the list.
Decrease Indent: 
The Decrease Indent icon allows you to, well, decrease an indentation.
- For example, say I wanted to decrease this indentation...
- I'd simply click the Decrease Indent icon...
And It would send me back to the default Justify Left. This is useful if you have a bulleted list punctuated by a new paragraph.
Increase Indent: 
The Increase Indent icon does just the opposite as its predecessor.
- For example, instead of having the indentation here...
- The Increase Indent icon puts it here
The Increase Indent icon will change the bullet type, allowing for a hierarchal flow to your list.
Row 3: How to Create and Modify a Table
Tables are a tricky element within themselves, so we devoted an entire page to them. Click here to learn everything you need to know about tables in the WYSIWYG Editor.
