Summary

This article describes the basic editing features for the text editor and how to add anchor text with the HTML editor. 

Table of Contents

• Basic Editing Features

• Managing Links
  • Create a Basic Link
  • URL Links
  • Anchor Links
  • E-Mail Links
  • Remove a Link
• Source View
  • Add Anchor Text
• Resources

The text editor is available within certain aspects of the system such as the File Manager and Announcements Widget. The text editor supports the entry of text and HTML. This page describes the basic editing features for the text editor. The page also describes how to add anchor text with the HTML editor. Additional information about HTML development can be found in the Resources section.

Basic Editing Features

The text editor supports the following basic features:

• Font Size
• Font Color
• Bold Font
• Italics Font
• Numbered Lists
• Bulleted Lists
• Text Alignment
• Links

Managing Links

With the ‘Link’ button you can add hyperlinks to your text and configure how it functions. This section describes the basic process of creating a link and presents information on additional properties that can be assigned to it.

Create a Basic Link

1. Highlight the text that should be a link.
2. Click the ‘Link’ icon.
3. Link Type: Select one of the following link types:
   • URL – links to another webpage
   • Link to anchor in the text – links to a different location within the text; anchors must be added to the document before adding this type of link
   • E-mail – configures the link to open up a new email message with the email address, message subject and message body preconfigured

Once a Link Type is selected, the additional Link Info fields will be changed based on the type chosen.

URL Links

1. Protocol: Select the protocol for the web address.
   • Usually the protocol is ‘http://’ or ‘https://’
2. URL: Enter the URL to the webpage that the text should link to when clicked.
3. Click the ‘OK’ button.

You may also configure how the link opens in a user’s browser. To do this, click the ‘Target’ tab at the top of the link editing menu. The ‘Target’ dropdown list that appears will have six options:

• Frame
• Popup Window
• New Window
• Topmost Window
• Same Window
• Parent Window

Anchor Links

An anchor link directs the user to a specified location in a page or body of text. Before anchors can be selected, they must be added to the document. This section describes how to select an anchor based on its anchor name.

1. Select the anchor from the dropdown list of available anchors grouped by anchor name.
2. Click the ‘OK’ button.

E-Mail Links

1. E-mail Address: Enter the email address that the email should be sent to when the link is clicked.
2. Message Subject: Enter the subject of the email message.
3. Message Body: Enter the body text of the email message.
4. Click the ‘OK’ button.

Remove a Link

1. Highlight the text with the link that needs to be removed.
2. Click the ‘Unlink’ button to remove the link.

Source View

During the editing process, you can switch from Text View to Source View by clicking the ‘Source’ button.  In the Source View, you can see the HTML used to format the text and directly edit the HTML code.

Add Anchor Text

An anchor flags a particular segment of text as a location of note. When used in conjunction with links, anchor text can be used to direct readers to a certain part of the document. An anchor is created with the ‘<a>’ tag, and is closed by the ‘</a>’ tag. The location of this tag in the text is the location that a link referencing the anchor will redirect to.

1. While in the Source View, locate the place in the document where you would like to add the anchor text.
2. Begin by entering the anchor tags <a> followed by </a>.
   • All anchors must begin and end with these tags.
3. Between the two tags write the text, if any, that you want to be visible at the location of the anchor.
   • It is acceptable to leave this blank.
4. In the opening tag, enter a space after ‘a’ followed by “name=”, then enter a name for the anchor to be referenced by.

Example: <a name=”sample-name”>Optional Text</a>

Note: When creating an anchor name, do not use spaces. Instead use “-” or “_.”

Resources

For additional information on writing HTML, you can visit the following website which is not associated with Fountayn in any way: http://www.w3schools.com/html/

Need more help?

Please visit the Fountayn Contact Information page.