WYSIWYG editor commands

These icons will serve you as you edit or create an HTML web page. When you place your mouse over each of these icons, a small message will pop-up letting you know what it does. Here is a summary of all the icons and their explanation:

Save
To save changes you have made to a file click the 'Save' icon.

Cancel
To cancel changes without saving click the 'Cancel Without Saving' icon.

Print
To print a page being edited click the 'print' icon. This will print the document to your default printer.

Find and Replace
To find and replace words or phrases within the text:
- Enter the word or phrase you wish to replace and type it in the “Find what” field.
- Select the new word or phrase you wish to replace the searched text with in the ‘Replace with’ field.

You can choose to ‘find next’ and then 'replace' which allows you to manually replace instances of the searched text, or you can choose ‘replace all’ which allows you to replace all instances of the selected text.

Selecting the optional ‘Match Case’ tab allows you to search for a word or phrase with exactly the same upper or lower-case spelling of the word or phrase entered in ‘Find What’. Not selecting this option means that a word entered in the ‘Find what’ field with upper case characters will return a search of upper and lower case matches of the same word.

Selecting the optional ‘Match whole word only’ tab allows the search to only display the words that are an exact match of the word or phrase entered in the ‘Find What’ field.


Cut (Ctrl+X)
To cut a portion of the document (image or text): Highlight the desired portion and click the 'Cut' icon (keyboard shortcut – ctrl + x), or click the right mouse button on the desired portion and choose ‘cut’


Copy (Ctrl+C)
To copy a portion of the document: Highlight the desired portion and click the 'Copy' icon (keyboard shortcut - ctrl+c), or click the right mouse button on the desired portion and choose ‘copy’ If you want to copy multiple items that can’t be highlighted together with the cursor, then hold down the control key and highlight the areas you need copying with the mouse cursor.

Paste (Ctrl+V)
To paste a portion that has already been cut (or copied): Select where you want to place the desired portion on the page and click the 'Paste' icon (keyboard shortcut – ctrl+v), or Click the right mouse button on the desired portion and choose ‘paste'.


Paste from Word (Ctrl+D)
To paste a portion that has already been cut (or copied): Select where you want to place the desired portion on the page and click the 'Paste' icon (keyboard shortcut – ctrl+v), or Click the right mouse button on the desired portion and choose ‘paste'.


Undo (Ctrl+Z)
To undo the last change: Click the 'Undo' icon (keyboard shortcut – ctrl+z). Each consecutive click will undo the previous change to the document.


Redo (Ctrl+Y)
To redo the last change: Click the 'Redo' icon (keyboard shortcut - ctrl+y). Each consecutive click will repeat the last change to the document.


Insert Table
To insert a table, select the desired location, then click the 'Table Functions' icon. A new window will pop-up. Fill in table details then click the 'Insert Table' button to insert table, or click 'Cancel' to go back to the editor.


Table, Row and Cell properties
To modify table, row or cell properties click anywhere inside the table, row or cell to modify, then select the 'Table, Row and Cell Properties' link from the table functions menu.

A pop-up window will appear with three tabs, This Cell, This Row and This Table, where you can modify properties. Click the 'Apply' button to save your changes, or click 'Cancel' to go back to the editor.

Note: this function will not work if a table has not been selected.


Add Row
To add a row to your table, click inside a row of your table that you want to add a row either before or after. Click the 'Add Row' link. A window will pop up. Select if you want to insert the row above or below the cell you clicked in and click the 'OK' button, or click 'Cancel' to go back to the editor.


Delete Row
Click inside the row that you want to delete then click the 'Delete Row' link to delete the row. This will delete the row without asking for a confirmation, so be sure you want to delete the row before you click the 'Delete Row' link.


Insert Column
To insert a column to your table, click inside a column of your table that you want to add a column either to the left or right of. Click the 'Insert Column' link. A window will pop up. Select if you want to insert the column to the right or the left of the cell you clicked in and click the 'OK' button, or click 'Cancel' to go back to the editor.


Delete Column
Click inside the column that you want to delete then click the 'Delete Column' link to delete the column. This will delete the column without asking for a confirmation, so be sure you want to delete the column before you click the 'Delete Column' link.


Merge Cell with another Cell
To merge a cell with another cell, click inside the cell that you want to merge with another cell. A window will pop up asking you if you want to merge with the cell to the right or below the cell you clicked in. Click the 'OK' button, or click 'Cancel' to go back to the editor.


Un-merge a cell from another cell
To un-merge a cell from another cell, click inside the cell that you want to unmerge from another cell and click the "unmerge cell" icon. This icon only appears when you have merged cells.


Insert/Edit Image
To insert an image onto your web page, click the place where you want the image to go and click the 'Insert/Edit Image' link.

If the image is already on the server:
On the left side of the popup there is a file manager where you can navigate to the image that you want to add to your page. Once you see the image that you want to add to your page, click on the name of the image. The path to the image will show up in the 'Image Information' box. Click the 'OK' button to insert the image, or click 'Cancel' to go back to the editor.

If you click the 'Next' button you will go to a window where you add an image title and change image and positioning information. Click the 'OK' button to insert the image, or click 'Cancel' to go back to the editor. Click the 'Choose a different image...' link to choose a different image.

If the image is not already on the server:
In the file manager on the left side of your screen, navigate to the directory that you want your image to end up in. Usually that will be your 'images' directory. If the directory doesn't exist you can create on by clicking the 'New Folder' button.

Click the 'Browse' button underneath 'Upload an image'. Browse your hard drive for the image and select it. Click the 'Upload File' button. Click the 'OK' button to insert the image, or click 'Cancel' to go back to the editor.


Insert emoticon
To insert an emoticon, click the spot on the page where you want the emoticon to go and then click the 'Insert emoticon' link. In the window that pops up, select the emoticon you wan to add to your page. Click the 'OK' button to insert the emoticon, or click 'Cancel' to go back to the editor.


Insert Horizontal Line
To insert a horizontal line, select the location to insert the line and click the 'Insert Horizontal Line' icon. A window will pop up where you can set horizontal line properties. Click the 'OK' button to insert, or click 'Cancel' to go back to the editor.


Create / Modify HyperLink
To create a hyperlink, select text/image that you want to be the link. Click the 'Insert/Edit a HyperLink' icon. A HyperLink window will appear. On the left side of the screen there are three options, depending on what kind of hyperlink you are trying to create.

Web location:
Type the URL that you want to link to in the Address field. You can click the preview button to make sure that the link is correct. In the 'Window' drop-down you can select whether you want the new site to open in the same window, or a different window. Click the 'OK' button to insert, or click 'Cancel' to go back to the editor.

Email Address:
Enter the email address that you want the link to go to. You can also enter the Subject and the Title of the email that will be sent. Click the 'OK' button to insert, or click 'Cancel' to go back to the editor.

Place in this document:
If you used the bookmark tool to add a bookmark (See 'Insert/Edit a Bookmark' below), the bookmarks will be listed on this page. Select the bookmark you want to link to and click 'OK'.

To link to an object on the page other than a bookmark, enter the '#' sign and then the name of the object on the page that you want to link to. Click the 'OK' button to insert, or click 'Cancel' to go back to the editor.

To modify an existing hyperlink:
Select the link and click on the 'Insert/Edit a HyperLink' icon. The HyperLink window will appear. Make your changes and select the 'OK' button. To remove the link, remove all of the information from the text boxes and click 'OK'.


Link to a document
This allows you to link to a documents that you want your visitors to be able to download. In order for this linking option to work you will need to have your files in a directory called 'downloads' in your public_html folder (public_html/downloads). If that folder does not exist, you will need to create it for this feature to work.

Highlight the text that you want to be the link to your document. Click the 'link to document' link. A window will open up displaying the contents of your 'downloads' directory. If you see the document that you want to link in the window on the left, click the file name and then click 'OK'.

To upload a new document, click the 'Browse' button under 'Upload a document', search for the file on your hard drive, select it, and click 'Upload File'. After the file is uploaded, make sure that the correct file is selected, and click 'OK'.


Insert/Edit a Bookmark
This allows you to bookmark a place on the page that you can link to using the Create/Modify Hyperlink tool. Place the cursor in the place that you want to add the bookmark to. Click the 'Insert/Edit a Bookmark' tool. A window will pop up asking you for the Bookmark name. Enter the name (the name shouldn't have any spaces in it) and click 'OK'.


Special characters
To add special characters to a page, place the cursor in the place where you want the special character. Click the 'Special characters' icon, click on the character you would like to insert, and click 'OK'.

Font Color
To change the color of text, select the desired portion of text and click the 'Font color' icon. Click on a color from the pop-up window and click 'OK'.


Highlight Color
Select the desired portion of text and Click the 'Highlight' icon. Select a color from the pop-up window, and click “OK”.


Numbering (Numbered list)
To start a numbered text list, place your cursor in the place where you want the list, click the ''Numbering" icon. If text has already been selected, the selection will be converted to a bullet list. Hit the 'Enter' key for the next number in the list.


Bullets (Bullet list)
To start a bullet text list, click the 'Bullets' icon. If text has already been selected, the selection will be converted to a bullet list. Click the 'Bullet's icon again to remove the bullet list.


Decrease Indent
To decrease indent of a paragraph, place the cursor where you want to decrease the indent. Each consecutive click will move text further to the left.

Increase Indent
To increase indent of a paragraph, place the cursor where you want to increase the indent. Each consecutive click will move text further to the right.


Align Left
To align to the left, select the text to align and click the 'Align Left' icon.

Align Center
To align to the center, select the text and click the 'Align Center' icon.

Align Right
To align to the right, select the text to align and click the 'Align Right' icon.

Align Justify
To align justify,select the text to align and click the 'Align Justify' icon.


Bold (Ctrl+B)
Select the desired portion of text and click the 'Bold' icon. (keyboard shortcut – ctrl + b). Each consecutive click will toggle this function on and off. To find out whether existing text is bold, highlight the text with the cursor. If the ‘bold’ button is indented, then the text has been set to ‘bold’.

Underline (Ctrl+U)
Select the desired portion of text and click the 'Underline' icon. (keyboard shortcut – ctrl+u). Each consecutive click will toggle this function on and off. To find out whether existing text is underlined, highlight the text with the cursor. If the ‘underline’ button is indented, then the text has been formatted to ‘underline’.

Italic (Ctrl+I)
Select the desired portion of text and click the 'Italic' icon. (keyboard shortcut – ctrl+ i). Each consecutive click will toggle this function on and off. To find out whether existing text is italic, highlight the text with the cursor. If the ‘italic’ button is indented, then the text has been formatted to ‘italic’.




Format
To change the format of text, select the desired portion of text and click the 'Format' drop-down menu. Select the desired format (choose from Normal, Heading1, Heading6, etc.).

Font
To change the font of text, select the desired portion of text and click the 'Font' drop-down menu. Select the desired font (choose from Default - Times New Roman, Arial, Verdana, Geneva, Courier New or Georgia).

Font Size
To change the size of text, select the desired portion of text and click the 'Size' drop-down menu. Select the desired size (text size 1-7).