Edit Text - Easy Editor

There are 2 different text editors you can use to change the content of your webpages.

1. Easy
2. HTML

You can switch between these editors at any time without your content being affected. To switch editors, click the 'Edit Site' tab, then on the right, select the editor you wish to use.

 

Which Editor Do I Use?

The Easy Editor works very similarly to popular word processing programs. Formatting is done easily with toolbar buttons. In addition to being able to manipulate the look of your text and adding links, you can also create tables or lists and add images within your text. The Easy Editor is easy to use, requires no knowledge of HTML, and is supported on the following browsers/platforms:

Windows: Internet Explorer 5.5+, FireFox 1.0+ and Netscape 7+
Mac OS: FireFox 1.0+, Camino 1.0+ and Netscape 7+

The HTML Editor is recommended for people who are familiar with HTML programming and who prefer to have control over the code used for their content. This editor works for all users.

 

Easy Editor Screenshot

As you can see, the Easy Editor toolbar has a lot of functions. We've grouped and numbered similar or related functions to help you learn what they all do. Each grouping is numbered in the order we will cover them below.

 

Overview

1. Undo/Redo
2. Source
3. Paste from Word
4. Links
• Linking to Another Page
• Linking Within the Same Page
• Email Links
• Removing a Link
5. Find & Replace
6. Images & Lines
• Inserting a Line on Your Page
• Inserting Images on Your Page
7. Special Characters & Spell Checking
• Inserting Special Characters
• Spell Checking
8. Text and Background Color
• Changing Your Text Color
• Highlight The Text Area
9. Insert Flash
10. Bold/Italics/Underline/Strikethrough
11. Super/Subscript
12. Lists
13. Indent
14. Alignment
15. Tables
    • Inserting a Table
    • Making Your Table Invisible
    • Adding/Deleting Rows
    • Adding/Deleting Columns
    • Adding/Deleting Cells
    • Merging Cells
    • Splitting a Cell
    • Editing Cell Properties
16. Format
17. Font Style & Size
    • Changing Your Font
    • Changing Your Text Size

 

1. Undo/Redo

The 'Undo' and 'Redo' buttons allow you to undo and redo any recent changes you've made within the editor.To undo the most recent change, click the 'Undo' button once.

To undo several changes, keep clicking the 'Undo' button. It will undo the changes opposite of the order in which you made them.

If you've undone a change that you'd like to keep, click the 'Redo' button once.

Like the 'Undo' button, you can click it several times to redo all the original changes.

 

2. Source

The 'Source' button allows you to use HTML in the Easy Editor. If you prefer to work with HTML or you simply want to take a look at what the code for your page content looks like, click the 'Source' button.

To go back to the standard view, click 'Source' again.

 

3. Paste from Word

If you've created your page content in Microsoft Word, you can easily copy and paste it into the Easy Editor using the 'Paste from Word' button.

1. Copy your text in Word.
2. In the Easy Editor, click the 'Paste from Word' button.

3. Paste (Ctrl + V) your content in to the box provided. Below the area in which you paste your text, you'll two checkboxes, 'Ignore Font Face Definitions' and 'Remove Styles Definition'.

'Ignore Font Face Definitions' - When checked, if the font from your Word file is not available in the Easy Editor it will be removed. If left unchecked, the font used in Word will be copied.
'Remove Styles Definition' - When checked, any special formatting (color, fonts, etc.) in your word file will be removed.

4. When you've added your text, click 'OK'.

 

4. Links & Anchors

You can link to other pages on your website, to pages outside of your website, or to different places within the same page. If you want to use the link or email address as the link text, simply type out the address and it will automatically change into a link. To use different text, follow the instructions below.

 

Linking to Another Page

1. Type the text you would like to change into a link and highlight it.

2. Click the 'Insert/Edit Link' button on the editor toolbar.

3. A window pops up. Enter your web address in the 'URL' field and click 'OK'.

4. The window then closes and you will see your text has turned into a link.

 

Linking Within the Same Page

You can make a link that, when clicked, will take your visitor to a different part of the same page. This can be useful if you have a lot of information on one page. You can make a bulleted list of links at the top of the page, which can take the visitor to the specific information they're looking for.

1. Place your cursor in front of the first word of the area you want to link to and click 'Insert/Edit Anchor'.

2. Enter a name for the anchor in the pop-up window and click 'OK'. Don't put spaces in the anchor name and make sure to remember what you named it. You'll see a little yellow anchor where your cursor was.

3. Type and/or highlight the text you want to link and click the 'Insert/Edit Link' button.

4. Click the down arrow of the 'Link Type' dropdown menu and select 'Link to anchor in the text'. Then select the name of your anchor from the 'Select An Anchor By Anchor Name' dropdown menu.

5. Click 'OK'. You'll see that the text is now a link. Save your page.

 

Email Links

By placing an email link on your page, your visitors can click the link and their email program, like Microsoft Outlook, will open up an email form already filled out with your information. Preset information can include the address you want the email sent to, the subject line you choose, and even the message body. This can help you to recognize these emails and where they're coming from. Keep in mind that within the opened email they are still able to change these fields.

1. Select/highlight the text you want to turn into an email link and click 'Insert/Edit Link'.

2. Select 'E-mail' from the 'Link Type' dropdown menu.

3. The Link window will now change to look like the following image.

Enter the email address you want the email sent to in the 'E-Mail Address' field.

Enter the text you want to see in your email's subject line in the 'Message Subject' field.

Enter the message of the email in the 'Message Body' field. Depending on the reason your visitors would be emailing you, this field may or may not be useful.

4. Click 'OK'. You'll now see your highlighted text is a link.

 

Removing a Link

To remove a link, you can use the [Backspace] or [Delete] keys on your keyboard. You can also select the link and click the 'Remove Link' button.

You'll see that the text is still there, but no longer looks like a link.

 

5. Find & Replace

To search for a word in your text, click the 'Find' button. The following box will open.

Enter your word(s) in the space provided, choose your matching settings, then click 'Find'.

If you want to replace words, click the 'Replace' tab within the pop-up box and enter the necessary information.

Then, click 'Replace' to change them one at a time, or 'Replace All' to change all instances of the word(s).

 

6. Images & Lines

Lines and images are a good way to break up the text on your page and let your readers scan your information more easily.

 

Inserting a Line on Your Page

1. Place your cursor where you'd like the line to be and click the 'Insert Horizontal Line' button on the editor's toolbar.

2. You'll now see a line within the editor. Click 'OK'.

The same line will appear on your page when you save your changes.

 

Inserting Images on Your Page

You can insert either your own images or stock photos from the Image Library provided with your website. To learn how to upload your own images, and for complete details on adding and formatting images, please read Adding Images.

1. Place your cursor where you want to insert the image.
2. Click on the 'Insert/Edit Image' button on the editor toolbar.

3. The Image Properties window pops up. Click the 'Browse Server' button.

4. Click on the thumbnail of the image you want. You'll be redirected back to the Image Properties window, where you'll see that the image URL or location, as well as a preview of your image, have has been inserted.

You can now format your image or click 'OK' to place your image on the page.

 

 

7. Special Characters & Spell Checking

You can add special characters to your text, which can be helpful if you are using another language, like Spanish or French. You can also check your spelling with the click of a button.

 

Inserting Special Characters

1. Place your mouse cursor where you'd like to insert the special character and click the 'Insert Special Character' button on the editor toolbar.

2. A window will open and you'll see all the characters available to place on your page.

Click on the character you want to add to your page and it will be placed where your cursor was within the editor. Note that we've highlighted the inserted characters in the image below so you can see them. They will not be highlighted when you insert them.

 

Spell Checking

With a click of a button, you can check your page content for spelling mistakes.

1. Click the 'Check Spelling' button on the editor toolbar.

2. A window will pop open displaying your text. The first misspelled word will be highlighted. At the bottom of the window, you'll see a list of word options that can replace the highlighted word.

2. You can choose to leave the word as it is by clicking 'Ignore'. If you want to leave all misspelled words as they are, click 'Ignore All'. To change the word, select one from the list, or enter your own into the 'Change to' field, then click 'Replace'.
3. When the spell check is completed, click 'OK' and save your page.

 

8. Text and Background Color

You can draw attention to or place emphasis on words with color. These buttons allow you to change the color of the text itself, or the area directly around it.

 

Changing Text Color

1. Select or highlight the text you want to change and click the 'Text Color' button on the editor toolbar.

2. Choose a color from the color palette by clicking on it.

You text is now the color your selected.

 

Highlight the Text Area

1. Select the text you want to highlight and click the 'Background Color' button on the editor toolbar.

2. Choose a color from the color palette by clicking on it.

Your text is now highlighted with the color you selected.

 

9. Insert Flash

The Easy Editor offers a simple way for you to embed Flash multimedia files in your web pages if the file is already uploaded and you know the URL.

1. Click the 'Insert/Edit Flash' button.

2. A pop-up box will open. Enter the URL of the file, or if you've uploaded it using the Multimedia page, click 'Browse Server', then click the file to select it.

You'll then see a preview of your file in the window. If you'd like, you can adjust the width and height of the file using the boxes provided.

3. Click 'OK'.

 

10. Bold/Italics/Underline/Strikethrough

Simple formatting changes are easy to make with the toolbar buttons. Simply select/highlight the text you want to change and click the appropriate button.

Bold
Italics
Underline
Strikethrough

You can also use more than one formatting option at the same time, so if you want your words bolded and italicized it's not a problem.

 

11. Super/Subscript

Adding subscript or superscript to your page is easy and can be used for letters or numbers. Make existing text into super or subscript by selecting/highlighting it and then clicking either the 'Superscript' or the 'Subscript' button on the editor toolbar. You can also click the buttons before entering your text and it will already be formatted when you start typing.

 

12. Lists

You can make both bulleted and numbered lists within the text editor. Select the text you want listed and click either the 'Insert/Remove Bulleted Lists' or the 'Insert/Remove Numbered Lists' button. You can also click these buttons before you enter your list text and it will be formatted already when you start typing.

 

13. Indent

These buttons let you indent or move your text to the right and back. To indent your text, select/highlight the lines you want to move and click the 'Increase Indent' button on the editor toolbar.

To remove indenting, select/highlight the lines you want to move and click the 'Decrease Indent' button.

NOTE: The whole paragraph will be moved over, not just the selected text. This function can be especially useful when formatting lists and you have subsections within your lists.

 

14. Alignment

By default, any text you enter in the editor will be aligned to the left. Each of these buttons lets you align your text differently on the page, including, to the right, center, and justified across the page. To change the alignment of your text, place your cursor within the paragraph you want to move and click the appropriate button. You can also click the alignment buttons before entering your text and it will be aligned properly as you type.

	Left (Default)
	Center
	Right
	Justified

 

15. Tables

You can use tables to make changes to the way your page is laid out.

 

Inserting a Table

1. Place your cursor where you want the table and click the 'Insert/Edit Table' button on the editor toolbar.

2. A window pops up. The image below shows the default table settings. Change these settings to suit your needs.

Rows	Enter the number of rows.
Columns	Enter the number of columns.
Border Size	Enter the size of the border (the outer edge of the table), the larger the number the thicker the border.
Alignment	Click the down arrow to select where the table will be positioned on the page: right, left, center.
Width	Enter a number for the width. You can choose from the dropdown menu whether to size it by pixels or percentage of the page.
Height	Enter number for the height. Whether you chose pixels or percentage for the Width will effect this setting.
Cell Spacing	Enter the size of the Cell Spacing, which is the width of the dividing lines between each cell. The larger the number, the thicker the line.
Cell Padding	Enter the size of the Cell Padding, which is the space between the edge of the cell and the text within it. The larger the number the bigger the space.
Caption	Enter a title for your table or leave it blank.
Summary	Enter a summary of what the table will contain. This will not show on your webpage and you can choose to leave it blank.

Once you've inserted a table, you can edit the table properties by right-clicking on the table and clicking 'Table Properties'. The Table Properties window will pop up and you can make changes.

 

Making Your Table Invisible

If you are using a table to format your page, you'll want to make the borders invisible. To do so:

1. Right-click within the table and click 'Table Properties'.
2. Set the border size to zero. You'll still see the table within the text editor, but when you save and click 'View Page' it will be invisible.

 

Adding/Deleting Rows

1. Right-click a cell you want the row to be below.
2. Place your mouse cursor over 'Row' and then click 'Insert Row.

To delete a row, right-click a cell within the row, mouse over 'Row' and click 'Delete Rows'.

 

Adding/Deleting Columns

1. Right-click inside a cell in the column to the left of where you want the new column.
2. Place your mouse cursor over 'Column' and then click 'Insert Column'.

To delete a column, right-click a cell within the column, mouse over 'Column' and click 'Delete Columns'.

 

Adding/Deleting Cells

1. Right-click within the cell to the left of where you want to the new cell.
2. Place your mouse over 'Cell' and then click 'Insert Cell'.

To delete a cell, right-click within the cell, place your mouse over 'Cell' and then click 'Delete Cells'.

NOTE: If you insert a cell, the row you insert it into will be expanded . If you delete a cell, the row will be shortened.

 

Merging Cells

1. Select the cells you want to merge.
2. Right-click on your selection, place your mouse over 'Cell' and then click 'Merge Cells'.

 

Splitting a Cell

1. Right-Click in the cell you want to split.
2. Place your mouse over 'Cell' and then click 'Split Cell'.

 

Editing Cell Properties

You can change the properties of individual cells within your table.

1. Right-click within the cell you want to modify.
2. Place your mouse over 'Cell' and then click on 'Cell Properties'.

The Cell Properties window will pop up.

Width	You can enter the width of the cell either by pixels or by percentage of the table's width.
Height	You can enter the height of the cell either by pixels or by percentage of the table's height.
Word Wrap	Select 'Yes' or 'No'. If you select 'No', the width of the cell and table will expand to accommodate your text. If you select 'Yes', the cell and table will expand down the page to accommodate your text.
Horizontal Alignment	Select from the dropdown menu where in the cell you'd like your text positioned: left, right, or center.
Vertical Alignment	Select from the dropdown menu where in the cell you'd like your text positioned: top, middle, bottom, or baseline.
Rows Span	Select how many rows you want the cell to span. If you select more than one, the column the cell is in will be extended.
Columns Span	Select how many columns you want the cell to span. If you select more than one, the row the cell is in will be extended.
Background Color	Select a color to fill the cell.
Border Color	Select a color for the border of the cell.

 

16. Format

There are some standard formats for text on webpages. The Easy Editor makes it simple for you to apply these standards to your text. Select the text you want to format and click on the 'Format' dropdown menu, then click on one of the listed options. Your text will be formatted automatically.

Below are examples of each of the formatting options.

 

17. Font Style & Size

Changing your font face and text size is as simple as selecting from a dropdown menu.

 

Changing Your Font

1. Select or highlight the text you want to change and click on the 'Font' dropdown menu.

2. Select a font from the list of fonts shown by clicking on it.

NOTE: Your default font is most likely Arial. When your cursor is placed within the editor, the font selected for the area where your cursor is will be shown in the 'Font' field. You can also select the font before you enter your text.

 

Changing Your Text Size

1. Select or highlight the text you want to change and click on the 'Size' dropdown menu.

2. Select a size from the list shown to apply it to your text. The text sizes available are shown below.