Using the Rich Text Editor

Introduction

Many tools in WISE contain a large editing box with a multi-line menu of options that resembles most standard text processing applications such as Microsoft Word.   This editor is NOT Word, however.  It is an HTML editor (for creating web page code) and is more closely related to web authoring tools such as Dreamweaver.  If you remember nothing else, remember that you cannot reliably paste text copied from Word documents directly into the editing box.  In many cases, this will result in the addition of a large amount of HTML "gibberish" that Word has hidden in the text.  To copy material from Word documents, you need to use the "Paste from Word" icon, which looks like this: paste from word icon


Tool Bar Overview

In some cases, you have the option of showing or hiding this rich text editor; if this option is available, a Show/Hide Rich-Text Editor link is displayed above the top right corner of the editing box.

WISE Editor Toolbar


Use this icon or field: To do this

copy icon

Copy selected text

paste icon

Paste selected text

paste plain

Paste selected text as plain text

paste from word icon

Paste text copied from MS Word

source icon

View and edit the HTML source

insert link icon

Create a hyperlink

anchor icon

Create an anchor

line icon

Insert a horizontal line

insert image icon

Insert an image


Inserting Images

Select the Insert Image icon: insert image icon.  This will bring up the Image Properties window.

insert image If your image is already uploaded to a web server and has a URL, you can enter the address directly in the URL box.  Otherwise, click the Browse Server button to bring up a browser window that will allow you to locate and, if necessary, upload the file to the WISE server.

browse for image

You can browse through your WISE sites and the Resources on those sites to find files that have already been uploaded to WISE.  If you need to upload a new image from your local computer, click the Browse button at the bottom of the screen by "Upload a new file in this folder."  This will open a browser window that lets you explore the files on your local computer.  Once you have selected a file, the name will appear in the blank text box to the left of the Browse button.  Click the upload button to upload the image file to the WISE web server.  This will take you back to the Image Properties page, but now some of the values will be filled in.
image properties window Complete the image insertion process by setting the image properties.  You can enter an Alternative Text that will be displayed if a browser is not able to display your actual image.  You can modify the size of your image; by default, the dimensions are locked to maintain the aspect ratio, but you can unlock them by clicking the lock icon.  Typing numbers in the Border, HSpace and VSpace boxes sets the pixel sizes for a black border, the horizontal and the vertical space respectively around your image.  The selections in the Align box let you choose how your image will interact with your text (the "Lorem upsum.." is a traditional placeholder).  The results of your selections are shown in the preview box.  When you are happy with your decisions, click OK.  The image will now be displayed in the main editing box.


Inserting Links and Email Addresses

Use the Insert Link icon insert link icon  to create links.  The Link window display changes based on the Link Type that you select.  URL lets you specify the address of another website.  If you copy and paste an address from your browser address bar, be aware that the "http://" portion of the address is provided by default; if you paste in the entire address, a browser error will be generated when someone clicks on the link.  If you want to link to something on the WISE server, such as a document in your My Workspace Resources, click the Browse Server button and select the document from the browser window.

insert link

To create links to anchor points in your text, first insert the anchors by placing the cursor at the anchor point and clicking on the Insert Anchor icon.  Give your anchor a name and click OK.  Then click on the Insert Link icon and select the "Link to anchor in the text" Link Type.  The Link box will change to allow you to select from the list of anchors you have created.

link anchor

To create an e-mail (mailto:) link, select the E-Mail link type.  Fill in the recipient's e-mail address; the Message Subject and Message Body fields are optional.

link email