Oracle® Fusion Middleware User's Guide for Site Studio Contributor 11g Release 1 (11.1.1) E10611-01 |
|
![]() Previous |
![]() Next |
Home > User's Guide for Site Studi... > Working With Text
While working in Contributor, you spend most of your time adding and editing text. The Contributor editor provides several commonly used editing and formatting options that you find in most word-processing programs (cut, copy, paste, change font and text size, change text color, align text, and much more). The site designer controls what formatting options are available in the Contributor editor.
This section covers the following topics:
You can change the appearance of text by using standard formatting options such as bold and underline.
To format text, complete the following tasks:
Highlight the text that you would like to format.
In the editing toolbar, choose the formatting option you want to apply to the selected text. Please note that not all formatting options in the table below may be available, depending on what the site designer chose to enable in the editor.
There are two ways to format the text (or graphics) on your web pages. You can manually apply formatting attributes (such as bold, italic, and font color), or you can apply a style (from a cascading style sheet, or CSS) using the style menu in the editing toolbar.
A style can store attributes such as typeface, font, and positioning. Styles are created ahead of time by your site designer or site manager to simplify the process of formatting web pages and to make them more consistent. Rather than having to manually format the text on a given web page and then trying to remember those settings for the next page, you can simply apply a style to your text.
To apply a CSS class to your text, complete the following tasks:
Highlight the desired text (or image).
In the editing toolbar, click the style you want to apply to your text.
The text then takes on the formatting attributes stored in that particular style. You can assign a class to individual words and graphics in the same field in Contributor. The available styles in the list may vary from one field to another and from one web page to another (depending on how the site was set up).
You can increase and decrease the left margin using the indent or outdent button in the editing toolbar.
To indent or outdent text, perform these tasks:
Place your cursor where you would like to change the margin.
In the editing toolbar, click the Indent icon (Figure 4-2) to increase the left margin.
Or, click the Outdent icon (Figure 4-2) to decrease the left margin.
You can align your text (left, center, right, full) using the alignment icons on the editing toolbar.
To align your text, perform these tasks:
Place your cursor where you would like to change the alignment of the text.
In the editing toolbar, choose one of the following:
Click the Left Align icon (Figure 4-3) to align the text to the left margin.
Click the Center icon (Figure 4-3) to center the text.
Click the Right Align icon (Figure 4-3) to align the text to the right margin.
Click the Justification icon (Figure 4-3) to align the text to both the left and right margin.
You can add numbered (ordered) lists and bulleted (unordered) list from the toolbar.
To create a numbered or bulleted list, perform these tasks:
Place your cursor on a new line, or within a block of text you want included as part of the list.
In the editing toolbar, choose one of the following:
Click the Numbered List icon (Figure 4-4) to create a list where each item in the list has a number.
Click the Bulleted List icon (Figure 4-4) to create a list where each item in the list has a bullet.
If you want to remove a list, select the text in the list and click the appropriate list icon.
You can change the font typeface and size using two menus in the editing toolbar.
Changing the Font Typeface
To change the typeface, highlight your text and select the desired typeface (Arial, Verdana, Times New Roman, and so on) from the list of available typefaces (Figure 4-5). This list contains several web-safe fonts that should work in most web browsers.
Changing the Font Size
To change the font size, highlight your text and select a size from the list of available sizes (Figure 4-6).
You can change the font color and font background (highlight) color using the color buttons in the editing toolbar.
Changing the Font Color
To change the font color, perform these tasks:
Highlight your text.
Click the Font Color icon (Figure 4-7).
Choose a color for your text using the color selector.
Changing the Highlight Color
To change the font background (highlight) color, perform these tasks:
Highlight your text.
Click the Highlight Color icon (Figure 4-8).
Choose a highlight color for your text using the color selector.
A horizontal line is useful to separate content on a web page. You may want to use a line to separate large portions of text or graphics. You can add a horizontal line using the editing toolbar.
To add a horizontal line, perform these tasks:
Place your cursor where you would like the rule to appear.
Click the Horizontal Line icon (Figure 4-9) in the editing toolbar.
The rule extends across the page (its width taken from the parent field).
When you finish formatting and editing text, you may want to perform a spell check of your work. You can do this using the spell checker in Contributor.
To do a spell check, perform these tasks:
Place your cursor in the element to spell check.
Click the Spell Checker icon (Figure 4-10) on the editing toolbar.