The text editor
Most of the icons will be familiar to you from word processing programs like Microsoft Word or Corel WordPerfect.
First row of icons
The Source icon allows you to reveal the HTML code behind the text. This is helpful for users who are familiar with code and want the freedom to modify it.
The Save icon allows you to save your work on a file. Another way to save the file is by using the Save Content Page button at the bottom of the screen.
Create new page
This icon will clear the current changes you have made and allow you to start a new web page from scratch. Any changes you have not saved on the current page will not be saved.
Cut and Paste
There are several options for pasting content into the text editor:
- The first is the standard option.
- The second (which we recommend) allows you to paste text without adding extra code or formatting from the source (eg. an e-mail message, document or another web page).
- The third is for pasting content from a Word document. This is helpful when you want to preserve the format and links of the original document.
Be sure to use these icons to paste text – not the Control V option or the right-click option on your mouse.
Prints what you currently have entered into the WYSIWYG editor.
The first time you use this function, Site Builder will ask you to download the spellcheck program. The next time you want to use the Spell Check function, it should be available. This feature is only available in Windows Internet Explorer.
Second row of icons
Undo and Redo
As in a word processor, these functions allow you to easily restore your content after you’ve made an unwanted change to your text. Each time you click on the icon, it will restore your text to the way it appeared before your most recent change.
If you have a lengthy page of content, you can use the Find function to help you quickly located a specific spot in the text.
Find and Replace
This function allows you to update your text if you need to change a piece of information numerous times. Just enter the text that needs to be removed and replace with the new text.
This allows you to select all of the content of the editor with one click, allowing you to change the style, realign the content or delete the entire contents of the text box. Alternately, you can hit Ctrl-A (option-A) to complete this command.
If your text has unwanted text formatting (fonts, bold, size, etc), you can remove it by using the tool. Highlight your text and click on the eraser icon. This function will not remove hyperlinks.
Bold, Italics, Underline and Strikethrough
Change the format of the text to bold, italic, underline or strikethrough
Subscript and Superscript
Format the text as subscript or superscript (for endnotes and power equations)
This tool allows you to turn paragraphs of text into numbered or bulleted lists. You can also begin a list and enter your own data. Hitting Enter or Return will create the next list item.
To create sub-lists within a list, use the Indent tool. To place a paragraph break within a list item, hold Shift and hit Enter or Return. Do this twice to place a space between paragraphs.
- This is a list item
- This is a sublist item
This is another paragraph within the first sublist item.
- This is another sublist item
- This is a sublist item
- This is another list item
This tool allows you to indent an entire paragraph on a page. Select the text you want to indent and click the icon. You can also indent before entering text and all the text entered after that point will be indented. Hit enter twice to end an indented line of text.
This tool can be used to create sub-lists within a list. When adding a line that will be a sub list of the above list item, simply hit indent. Every list item after this will be a sub-item. Hit enter twice to break out of the list. Hit the back indent to go back to the first level of list items
Use the back-indent to remove an indent of any kind.
Third row of icons
Shifts the page left, center, right and block justified. Left, Right and Center will place the text in that area of the page. Block justified text will space words evenly across the page so that multiple lines of text will line up evenly on both the left and right.
We recommend that you use the Left justify setting for most pages but you may occasionally want to use Center justify setting to highlight a section of text.
Examples of text justifications
This is Left justified text
This is Block Justified text. This is Block Justified text. This is Block Justified text. This is Block Justified text. This is Block Justified text. This is Block Justified text. This is Block Justified text. This is Block Justified text. This is Block Justified text.
Creates a hyperlink to another webpage, an anchor or an email address. Select the text or image to be linked and click on the link icon. Then you can select the type of link you want to make (anchor, URL or email address), enter the link information and click Ok. When creating a link, make sure the URL has http:// at the beginning.
Anchors are used to create a specific point on a page where text can link to. When clicking on a link to an anchor, the reader will be taken directly to a specific line of text on a page where that anchor is located. This is often used to create a table of contents for a long text-filled page or link to a specific passage on a different page.
Once specific passages are anchored, you can place a set of links at the top of the document to take the reader directly to those passages. Alternately you can create a link on another page to link to a specific passage on another page.
For a full tutorial on how to add anchors to a page, visit our tutorials page.
To insert an image, click on the image icon and then on the browse server button. This allows you to search your own computer and locate the image that you’d like to use. Find the image and click on Upload. Once uploaded, you can change the display dimensions, add an alt-tag, add a border or pad your image. The numbers that input into the fields here are in pixils only. You can also align the picture withing a block of text. All the values in this list are relative to text in the document.
To position a picture on a line alone, click on the picture and use the text justification tools. (Note: Block justify will simply align the picture to the left of the screen, unless there is more than one picture)
The table function works much the same as it does in a word processor. You can choose the number of columns and rows. See A Guide to Tables for more information on making your tables work the way you need them to.
This adds a horizontal line to the text.
Opens up a dialogue box with a representation of a keyboard in it for inputting non-standard keyboard elements.
Opens a dialogue box which allows you to enter non-English characters.
You can format your text by highlighting a section of text and clicking on the drop down menu. Select “Normal” for body text or “Heading” for a title or section heading.
The Options menu
This is the menu that appears next to your mouse when you right-click (option-click for Mac) on a selection of text or an item in the HTML text Area. This menu gives you a quick, but not exhaustive list of common needs for the text you have selected. You can quickly cut, copy and paste (in Internet Explorer) selected text. When using this menu on a link you get the “Edit link” and “Remove link”. When using it on a table, there are a number of possible options, which are explained in A Guide to Tables. And when right-clicking on a picture, you get the image propeties item.