The WYSIWYG editor is similar to other word processing style editors. To understand each of the icons on the menu, hover your cursor over them and the name displays.
Let's take a look at each of the functions and how they can help you to create your website content. Note that the icons are grouped, five groups on the first line; eight on the second, and two on the third.
The first group are these and are described below from left to right.
| Name | Description |
|---|---|
| Source | This Source button allows you to switch to the portion of the editor where you can use CSS. |
| Preview | The Preview button that looks like a magnifying glass on paper allows you to preview the section where you are working. |
| Templates | The Templates button that looks like a sheet of paper opens the available templates you can use on the page. |
| Code Snippets | The Code Snippets blue paw print button opens a list of built-in and custom code snippets you can insert on the page. |
The next group of icons, described again from left to right are below.
| Name | Description |
|---|---|
| Cut | The Cut button that looks like scissors cuts text from the page. To use, highlight a specific portion of text, click the scissors and it will cut the highlighted text. |
| Copy | The Copy button that looks like two sheets of paper lets you copy highlighted text to use elsewhere. |
| Paste | The Paste button that looks like a clipboard (the first clipboard) is used to paste copied or cut text where you have put your cursor. |
| Paste as plain text | The Paste as plain text button that looks like a clipboard with a blue notebook on it removes any formatting that may have accidentally been included with the copied text you are pasting. |
| Paste from Word | The Paste from Word button that looks like a clipboard with the letter W on it lets you paste text you've copied from a Word document and will retain as much of the Word formatting as possible. |
| The Print button that looks like a printer allows you to print the information in the WYSIWYG field in which you are working. |
The next group of icons described from left to right are below.
| Name | Description |
|---|---|
| Undo | The Undo button is the left-pointing arrow and allows you to undo the change you just made. |
| Redo | The Redo button is the right-pointing arrow and lets you redo the change you just undid. |
| Find | The Findbutton, that looks like binoculars, allows you to type a search word or phrase into the field and find that text in the section you are editing. The popup box has two tabs, Find and Replace. The first simply finds the instances of that text, the second allows you to locate the text and replace it with new text. There are options for the search, shown below. The X in the upper right corner closes the popup box. |
| Select all | The Select all button, that looks like a blue square over a sheet of paper lets you select everything within the editor. |
| Remove format | The Remove format button, that looks like an eraser, lets you highlight text, press the button, and remove any formatting you had applied to that text. |
Overview
Content Tools