Standard Component

Rich Text (RTE)

Overview | Add/Edit Text | Formatting Text | Example of Completed RTE

Related Links: How to Add a Component | How to Modify a Component | Properties | Editing Basics

The Rich Text component allows you to place text into your site's pages and format it for best effect. The formatting is previewed automatically as you apply it.

Add and Edit Rich Text
To add rich text to the page, you would need to add an RTE component. Here are the steps.

Click on "Page" in the top-left corner of the Page Editor. Click on "Standard". Click on "RTE". A window will open listing the RTE components already in your site. You may create a new RTE component or select an existing one via "Use" or "Copy". "View" lets you preview the existing RTE component to make sure you are copying or using the right one. The "Search" option lets you limit the list based on name of the component.

When you create or select the component, the window will switch to the RTE Editor window. In the section provided, enter in the text that you would like to display on the Web page. Edit existing text as you wish; any formatting applied to it will not be lost. HTML code will not be interpreted in this section, so the HTML code will actually appear on the Web page itself. If you want to use HTML code, you must use a Literal Component.

The text entered in to the text area will be displayed as formatted. You may type new text and then format it, or set the formatting first.

When typing in the RTE window, the text will be given the Paragraph Format, meaning that when you hit Enter/Return to move to the next line, there will be an empty line between your lines of text. You can avoid this by holding the Shift key while clicking Enter/Return.

The remainder of this tutorial is about how to format your text.

Back to Add/Edit Text
Back to the Top of the Page

Formatting Your Rich Text
As you enter text for your RTE Component, you may apply formatting to it. Or apply formatting later to selected text. The new format will be previewed right in the edit window. Change the text itself at any time; its formatting will not be lost unless you tell the editor to remove it.

To apply a format option, you click the appropriate icon. If you are unsure what an icon does, hover your mouse over it. A brief description will appear. Following is an example of the RTE editor control bar.

Click on an icon in this control bar to find out what it does:
bold, italic and underline your text Align left, right, center, or justify (flush left and right) Apply your own class to the text Apply pre-set format (paragraph, header, etc.) Assign a font face to your text Set the size of your text Cut, copy and paste text from the RTE editor clipboard Find and replace text Bullet or unbullet the text Number or unnumber your lines of text Indent and unindent text Undo and Redo changes Set and remove hyperlinks Name a location so that it can be linked to (also called a bookmark) Clean up formatting (useful after making many changes) Edit the underlying HTML code (advanced use only Insert and edit image Insert the date and time Set the foreground and background font colors Save your changes Insert a new table or edit properties of the current table Edit the current row's properties Edit the current cell's properties Add and delete table rows Add and delete table columns Split merged table cells Merge table cells Toggle background Remove formatting Show or hide controls such as the table guidelines Insert subscripts and superscripts (text slightly lower or higher on the line) Insert special characters such as the copyright symbol Insert a horizontal line Print the text Check your spelling Open the RTE Editor help window

Or if you know the kind of formatting that you wish to perform, click its link in the following list:

RTE component example

Back to the Top of the Page
Editing Basics