Working With Rich Text Editor Fields

Using the Toolbar

The toolbar is the area in rich text editor where you can activate most of the editor features. Each button in the toolbar accesses a different function. Available functions are both simple, such as basic text formatting, and advanced, such as creating links and tables.

To use the buttons in the toolbar, place your cursor over the button. The button highlights and hover text with information about the function of the button appears. Click the button to initiate its function. The graphics on the toolbar buttons are standard across many text editors, and you will probably find that you know how to use them intuitively. In addition to the toolbar buttons, toolbar drop-down list boxes are also available; they are white areas with an arrow on the side. You activate drop-down list boxes by clicking the white area or the arrow. After you click a menu, it expands so that you can select from the available options. To select an option, move your cursor to it and click it.

Entering, Formatting, and Modifying Text

Writing in the rich text editor is similar to writing in desktop word processor text editors such as Microsoft Word or Open Office with one important difference. You use desktop word processors primarily to create printed content, limited by physical pages. You use the rich text editor to create text that you publish on PeopleSoft application pages and read using web browsers.

To enter text, move your cursor to the editing area and enter the data using your keyboard. You can also paste text into the area.

To format text, click the button before you begin entering text or highlight text and click the button for the format that you want.

Inserting and Modifying Images

To insert an image into the text, click the Image button. The maximum image size is database dependent. Some database platforms support large image sizes while others limit the size to 32000 bytes. Consult your database documentation for more information. Use the Image Upload dialog box to upload an image file.

Inserting an Image

Access the Image Upload dialog box (click the Image button).

This example illustrates the fields and controls on the Image Upload dialog box.

When you select the Upload button, the File Attachment dialog box appears.

Select the Browse button to locate the file that you want to insert into the text.

Select the Upload button to send the image to the database.

On successful completion of the upload process, the Image Src Url field is automatically populated with the URL ID for the image.

Modifying an Image

After inserting an image, you can modify the placement and size of the image and enter alternative text. Select the image to display the editing options.

Using Spell Check

You can select the Spell Check button that is outside of the rich text editor field to perform spell check on the field content. Selecting this button invokes the current PeopleTools spell check functionality.

The HTML tags are stripped and only the text is considered for spell check.

Using the Toolbar

The toolbar is the area in rich text editor where you can activate most of the editor features. Each button in the toolbar access a different function. Available functions are both simple, such as basic text formatting, and advanced, such as creating links and tables.

To use the buttons in the toolbar, place your cursor over the button. The button highlights and hover text with information about the function of the button appears. Click the button to execute its function. The graphics on the toolbar buttons are standard across many text editors, and you will probably find that you know how to use them intuitively. In addition to the toolbar buttons, toolbar drop-down list boxes are also available; they are white areas with an arrow on the side. You activate drop-down list boxes by clicking the white area or the arrow. After you click a menu, it expands so that you can select from the available options. To select an option, move your cursor to it and click it.

Entering, Formatting, and Modifying Text

Writing in the rich text editor is similar to writing in desktop word processor text editors such as Microsoft Word or Open Office with one important difference. You use desktop word processors primarily to create printed content, limited by physical pages. You use the rich text editor to create text that you publish on PeopleSoft application pages and read using web browsers.

To enter text, move your cursor to the editing area and enter the data using your keyboard. You can also paste text into the area.

To format text, click the button before you begin entering text or highlight text and click the button for the format that you want.

Inserting and Modifying Images

To insert an image into the text, click the Image button. The maximum image size is database dependent. Some database platforms support large image sizes while others limit the size to 32000 bytes. Consult your database documentation for more information. Use the Image Upload dialog box to upload an image file or insert a URL link.

To modify images after you have inserted them, right-click the image and then click Image Properties.

Image Properties - Upload Tab

Access the Image Properties dialog box (click the Image button).

This example illustrates the fields and controls on the Image Properties: Upload tab.

When you click the Image button, the Image Properties dialog box appears with the Upload tab activated. You must upload an image before you can change its properties.

Click the Browse button to locate the file that you want to insert into the text.

Click the Send it to the Server button to send the image to the database.

Image Properties - Image Info Tab

Access the Image Info tab.

This example illustrates the fields and controls on the Image Properties: Image Info tab.

Use the Image Info tab to set the alternative text, width, height, border, hspace, vspace, and to align properties, which in turn set the HTML <img> tag attributes: alt, width, height, border, hspace, vspace, and align, respectively.

Image Properties - Link Tab

Access the Link tab.

This example illustrates the fields and controls on the Image Properties: Link tab.

Use the Link tab to automatically link an image to another resource. You must set the Image Info tab URL value first, and then copy it to the Link tab URL field. The editor then encloses the <img> tag in an <anchor> tag. For example, if you specify http://my.oracle.com/images/myoracle.gif as the URL, the result is:

<a href="http://my.oracle.com/images/myoracle.gif"><img alt="" src="http://my.oracle.com/images/myoracle.gif" /></a>

The Target drop-down list specifies where or how the image link will appear. Selecting a target option of New Window, Topmost Window, Same Window, or Parent Window results in the editor setting the target attribute to “_blank”, “_top”, “_self” or “_parent”, respectively. For example:

<a target= "_top" href="http://my.oracle.com/images/myoracle.gif">.

Image Properties - Advanced Tab

Access the Advanced tab.

This example illustrates the fields and controls on the Image Properties: Advanced tab.

Use the Advanced tab to set the ID, language direction, language code, long description URL, stylesheet classes, advisory title, and style fields, which in turn set the HTML img tag attributes: id, dir, lang, longdescr, class, title and style, respectively.

Complete user documentation for the rich text editor is available from CKSource.

Using Spell Check

You can select the Spell Check button that is outside of the rich text editor field to perform spell check on the field content. Selecting this button invokes the current PeopleTools spell check functionality. The HTML tags are stripped and only the text is considered for spell check.

While in Spell Check mode, images that you uploaded do not appear, but you will see a place holder image that contains an x in the upper left corner.