| Home Frequently Asked Questions | Email | Print |
|
The Editor - How It Works
The editor is actually very simple. You don’t have to know any HTML code or anything like that. All you have to do is use it like a regular word processor. Below are the buttons you will find on the editor screen and the descriptions of what you can do with them.
.jpg)
.jpg)
|
Click any of the buttons above to learn about it |
To expand the active window to a full screen, click on the 'Full Screen Mode' icon. Concurrent clicks on this icon will toggle this feature on and off.
Return to top
To cut a portion of the document, highlight the desired portion and click the 'Cut' icon (keyboard shortcut -
CTRL+X).
Return to the Top
To copy a portion of the document, highlight the desired portion and click the 'Copy' icon (keyboard shortcut -
CTRL+C).
Return to the Top
To paste a portion that has already been cut (or copied), click where you want to place the desired portion on the page and click the 'Paste' icon (keyboard shortcut - CTRL+V). To paste from text copied from Microsoft Word, use the 'Paste from Word' icon.
Return to the Top
Paste as plain text
To paste a portion that has already been cut (or copied) and may have unneeded formatting, click where you want to place the desired portion on the page and click the 'Paste as plain text' icon.
Return to the Top
To paste a portion that has already been cut (or copied) and may have unneeded formatting, click where you want to place the desired portion on the page and click the 'Paste as plain text' icon.
To paste from Microsoft Word, copy your desired text from a Microsoft Word document and click the 'Paste from Word' icon. Paste the text into the popup, choose your options, and click the 'OK' button. This will remove the tags that Microsoft Word automatically places and can remove most formatting as well, all in one action.
Return to the Top
To find words or phrases within the text:
Select the search feature. Enter the word or phrase you wish to locate in the article in the 'Find what' field.
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.
Return to the Top
To find and replace words or phrases within the text:
Select the search and replace feature. 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' 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.
Return to the Top
To undo the last change, click the 'Undo' icon (keyboard shortcut - CTRL+Z). Each consecutive click will undo the previous change to the document.
Return to the Top
To redo the last change, click the 'Redo' icon (keyboard shortcut - CTRL+Y). Each consecutive click will repeat the last change to the document.
Return to the Top
To check spelling, select the text you would like to spell check (if you do not select the text, then your whole document will be checked)
Click on the spell checker icon or right click on the mouse and scroll down to 'Check spelling'.
You will be taken to the first incorrectly spelled word. You can then choose to
- Change the incorrectly spelled word with the suggested words provided
- Ignore the incorrectly spelled word (i.e. not make any changes to it)
To check spelling of a single word, highlight the word and right click on the mouse to get a selection of suggested replacements. To replace the miss-spelt word with one of the suggested words, simple select one of the replacements.
Return to the Top
This command allows you to select a specific portion of text and remove any of the formatting that it contains.
To remove any text formatting select the desired portion of text and Click the 'Remove Text Formatting' button.
Return to the Top
To bold text, 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.
Return to the Top
To underline text, 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.
Return to the Top
To convert text to italic, 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.
Return to the Top
To format text as strike through Select the text you want formatted by highlighting it and select the 'Strike through' icon. Each consecutive click will toggle this feature on and off.
Return to the Top
To start a numbered text list, click the 'Insert Numbered List' icon. If text has already been selected, the selection will be converted to a numbered list. Each consecutive click will toggle this function on and off.
Return to the Top
To start a bullet text list, click the 'Insert Bullet List' icon. If text has already been selected, the selection will be converted to a bullet list. Each consecutive click will toggle this function on and off.
Return to the Top
To decrease indent of a paragraph, click the 'Decrease Indent' icon. Each consecutive click will move text further to the left.
Return to the Top
To increase indent of a paragraph, click the 'Increase Indent' icon. Each consecutive click will move text further to the right.
Return to the Top
To convert text to superscript (vertically aligned higher): Select the desired portion of text and click the 'Superscript' icon. Each consecutive click will toggle this function on and off.
Return to the Top
To convert text to subscript (vertically aligned lower): Select the desired portion of text and click the 'Subscript' icon. Each consecutive click will toggle this function on and off.
Return to the Top
To align to the left, make a selection in the document and click the 'Align Left' icon.
Return to the Top
To align to the center, make a selection in the document and click the 'Align Center' icon.
Return to the Top
To align to the right, make a selection in the document and click the 'Align Right' icon.
Return to the Top
To justify a paragraph or text, make a selection in the document and click the 'Justify' icon.
Return to the Top
To insert a horizontal line, select the location to insert the line and click the 'Insert Horizontal Line' icon.
Return to the Top
Edit/Insert Link
To create a hyperlink, select the text or image to create the link on, then click the 'Edit/Insert Link' icon. The first box containes Four link type options to choose from:
. Link to Article - This option will link to another page or 'article' on your own site. To link to an article simply find and click the drop-down box labeled 'Link to Article '. Locate and click the page you wish to link to. Simply click the OK button to complete the link.
To create a hyperlink, select the text or image to create the link on, then click the 'Edit/Insert Link' icon. The first box containes Four link type options to choose from:
. Link to Article - This option will link to another page or 'article' on your own site. To link to an article simply find and click the drop-down box labeled 'Link to Article '. Locate and click the page you wish to link to. Simply click the OK button to complete the link.
· URL - This option will link to another website. First click the 'Protocol' drop-down box and select the type of page you wish to link to (typically this is http://). Next, type in the actual web address in the URL text box (don't include the part of the web address you used in the 'Protocol' box. Simply click the OK button to complete the link.
· Anchor - Link to another place on the same page. To use this feature you will need to first set up anchors in the article (see Insert/Edit Anchor below). Typically you will want to 'Select an Anchor' by using the 'By Anchor Name' drop-down box. If however you are using Element ID's then you can use the 'By Element Id' drop down box. Simply click the OK button to complete the link.
· E-Mail - Link to an email address. In the dialogue boxes, type the email address for the link and the subject of the email and even the body of the email to get a visitor a quick start on an email.
When finished, click the 'OK' button to insert the Hyperlink you just created. Clicking 'Cancel' will close the window and take you back to the editor.
· Anchor - Link to another place on the same page. To use this feature you will need to first set up anchors in the article (see Insert/Edit Anchor below). Typically you will want to 'Select an Anchor' by using the 'By Anchor Name' drop-down box. If however you are using Element ID's then you can use the 'By Element Id' drop down box. Simply click the OK button to complete the link.
· E-Mail - Link to an email address. In the dialogue boxes, type the email address for the link and the subject of the email and even the body of the email to get a visitor a quick start on an email.
To modify an existing hyperlink, select the link and click on the 'Edit/Insert Link' icon. The Hyperlink window will appear. Make your changes and select the 'OK' button. To remove a link, delete the text in the 'URL' box and click the 'OK' button.
Return to the Top
To insert an anchor, select a desired spot on the web page you are editing and click the 'Insert / Edit Anchor' icon. In the dialogue box, type the name for the anchor.
When finished, click the 'Insert Anchor' button to insert the anchor, or 'Cancel' to close the box.
To modify an anchor, select the Anchor (displayed as small yellow box when Guidelines are switched on) and click the 'Insert / Modify Anchor' icon. Make your changes and hit the 'Modify Anchor' button or click 'Cancel' to close the window.
Once an anchor has been placed in an article you will see this Icon
.
Return to the Top
Once an anchor has been placed in an article you will see this Icon
To change the style of text, images, form objects, tables, table cells etc select the desired element and click the 'Style' drop-down menu, which will display all styles defined in the style-sheet.
Select the desired style from the menu.
Note: this function will not work if there is no CSS style-sheet applied to the page or template.
Return to the Top
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, Superscript, Subscript and H1- H6).
Return to the Top
FontTo 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, Tahoma, Courier New or Georgia).
Return to the Top
Font Size
To change the size of text, select the desired portion of text and click the 'Size' drop-down menu.
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).
Return to the Top
To change the color of text, select the desired portion of text and click the 'Color' drop-down menu.
Select the desired color from the large selection in the drop-down menu.
Return to the Top
To change the color behind specific text, select the desired portion of text and click the 'Highlight' drop-down menu.
Select the desired color from the large selection in the drop-down menu.
Return to the Top
To insert a table, select the desired location, and then click the 'Insert Table' icon.
A pop-up window will appear with the following fields:
· Rows - number of rows in table
· Columns - number of columns in table
· Width - width of table
· BgColour - background color of table
· Cell Padding - padding around cells
· Cell Spacing - spacing between cells
· Border - border around cells.
Fill in table details then click the 'Insert Table' button to insert table, or click 'Cancel' to go back to the editor. To modify the table or a cell, Simply right click in the table and select the necessary function.
Return to the Top
Form
To insert a form, select desired position then click the 'Form' icon.
To insert a form, select desired position then click the 'Form' icon.
A pop-up window will appear with the following fields:
· Name - name of form
· Action - location of script that processes the form
· Method - post, get or none.
Fill in form details or leave blank for a blank form.
When finished, click the 'Insert Form' button to insert form, or click 'Cancel' to go back to the editor.
To modify form properties, Right click anywhere inside the form and select 'Form Properties'.
A pop-up window will appear with the form's properties.
Return to the Top
To insert a text field, select desired position (inside the form) then click the 'Text Field' icon.
A pop-up window will appear with the following attributes:
· Name - name of text field
· Character width - the width of the text field, in characters
· Type - type of text field (Text or Password)
· Value - initial text in field
· Maximum characters - maximum number of characters allowed.
Set the attributes then click the 'Insert Text Field' button to insert text field, or click 'Cancel' to go back to the editor.
To modify a text field's properties, select desired text field and click the 'Insert/Modify Text Field' icon.
A pop-up window will appear with the text field's attributes.
Modify any attributes desired, then click the 'Modify Text Field' button to save changes, or click 'Cancel' to go back to the editor.
Return to the Top
To insert a text area, select desired position then click the 'Insert/Modify Text Area' icon
A pop-up window will appear with the following attributes:
· Name - name of text area
· Character width - the width of the text area, in characters
· Initial value - initial text in area
· Lines - number of lines allowed in the text area
Set the attributes then click the 'Insert Text Field' button to insert the text area, or click 'Cancel' to go back to the editor.
To modify a text area's properties, select desired text area and click the 'Insert/Modify Text Area' icon.
A pop-up window will appear with the text area's attributes.
Modify any attributes desired, then click 'Modify Text Area' button to save changes, or click 'Cancel' to go back to the editor.
Return to the Top
To insert a hidden field, select desired position then click the 'Insert/Modify Hidden Field' icon.
A pop-up window will appear with the following attributes:
· Name - name of hidden field
· Initial value - initial value of hidden field
Set the attributes then click the 'Insert Hidden Field' button to insert the hidden field, or click 'Cancel' to go back to the editor.
To modify a hidden field's properties, select desired hidden field and click the 'Insert/Modify Hidden Field' icon.
A pop-up window will appear with the hidden field's attributes.
Modify any attributes desired, then click 'Modify Hidden Field' button to save changes or click 'Cancel' to go back to the editor.
Return to the Top
To insert a button, select desired position then click the 'Insert/Modify Button' icon.
A pop-up window will appear with the following attributes:
· Name - name of text area
· Type - type of button (Submit, Reset or Button)
· Initial value - initial text on the button
Set the attributes then click 'Insert Button' to insert button, or click 'Cancel' to go back to the editor.
To modify a button's properties, select desired button and click the 'Insert/Modify Button' icon.
A pop-up window will appear with the button's attributes.
Modify any attributes desired, then click 'Modify Hidden Field' button to save changes or click 'Cancel' to go back to the editor.
Return to the Top
To insert a checkbox, select desired position then click the 'Insert/Modify Checkbox' icon.
A pop-up window will appear with the following attributes:
· Name - name of checkbox
· Initial state - checked or unchecked
· Initial value - value of checkbox
Set the attributes then click the 'Insert Checkbox' button to insert the checkbox, or click 'Cancel' to go back to the editor.
To modify a checkbox' properties, select desired checkbox and click the 'Insert/Modify Checkbox' icon.
A pop-up window will appear with the checkbox' attributes.
Modify any attributes desired, then click 'Modify Checkbox' button to save changes or click 'Cancel' to go back to the editor.
Return to the Top
To insert a radio button, select desired position then click the 'Insert/Modify Radio Button' icon.
A pop-up window will appear with the following attributes:
· Name - name of radio button
· Initial state - checked or unchecked
· Initial value - value of radio button.
Set the attributes then click 'Insert Radio Button' to insert the radio button, or click 'Cancel' to go back to the editor.
To modify a checkbox' properties, select desired checkbox and click the 'Insert/Modify Radio Button' icon.
A pop-up window will appear with the checkbox' attributes.
Modify any attributes desired, then click 'Modify Radio Button' button to save changes or click 'Cancel' to go back to the editor.
Return to the Top
To insert an image that has already been uploaded to the site, locate and click the 'Insert/Edit Image' button. This will bring up the Image Properties dialog box. In the upper right side of this dialog box click the 'Browse Server' button. This will bring up another dialog box with a list of folders on the left and a list of files on the right. First click the folder where you uploaded the image. Then select (click) the image to be placed on the page. This dialog box closes. You have the option to resize the image, add a border, and align the image. Click the 'OK' Button to add your photo.
If you have not upload the photo to the 'Images Folder', locate and click the "Insert/Edit Image" button. This will bring up the Image Properties dialog box. In the upper right side of this dialog box click the "Browse Server" button. This will bring up another dialog box with a list of folders on the left and a list of files on the right. Be sure you are in the best folder for the graphic you are uploading. At the bottom is a Text box labeled 'Upload a new file in this folder', a 'Browse' button, and an 'Upload' button. Click the Browse button to search your computer for the graphic you wish to add. Once you have selected it click the 'Upload' button. Now find the uploaded image in the list of files in the upper part of this dialog box. This dialog box closes. You have the option to resize the image, add a border, and align the image. Click the 'OK' Button to add your photo.
If you have not upload the photo to the 'Images Folder', locate and click the "Insert/Edit Image" button. This will bring up the Image Properties dialog box. In the upper right side of this dialog box click the "Browse Server" button. This will bring up another dialog box with a list of folders on the left and a list of files on the right. Be sure you are in the best folder for the graphic you are uploading. At the bottom is a Text box labeled 'Upload a new file in this folder', a 'Browse' button, and an 'Upload' button. Click the Browse button to search your computer for the graphic you wish to add. Once you have selected it click the 'Upload' button. Now find the uploaded image in the list of files in the upper part of this dialog box. This dialog box closes. You have the option to resize the image, add a border, and align the image. Click the 'OK' Button to add your photo.
To modify an image select it and click the 'Insert/Edit Image' icon. This will open the 'Insert/Edit Image' popup window with the settings for that image filled in. Reset the required attributes and click the 'OK' button.
Return to the Top
To insert a special character, click the 'Insert Special Character' icon.
A pop-up window will appear with a list of special characters. Click the character you want to insert into your webpage.
Return to the Top
There is a list of available pre-made items you can preview and choose from. This list of 'Snippets' contain customized items and formatted text specific to your site. Click on the item in the list to insert the code (##snippet_discription##) for that item. The item will appear corectly once the page is published. Simply delete the code to remove the content.
Return to the Top
This will switch to HTML code editing mode.
To switch back to WYSIWYG Editing, click the 'Source' button again.
This is recommended for advanced users only.
Return to top
To show a preview of the page being edited, click the 'Preview' button at the bottom of the editor.
This is useful in previewing a file to see how it will look exactly in your browser, before changes are saved.
To switch back to editing mode, click the 'Edit' button at the bottom of the editor.
Return to the Top