Using the richTextEditor component

The richTextEditor component provides an input field that can accept text with formatting. You can copy the formatted text from a place and paste it inside the richTextEditor component, use the richTextEditor controls to format the text inline by using the formatting toolbar that comes with the component, or edit the HTML source file directly using the toolbar button that toggles between the HTML mode and normal mode.

In this recipe, we will add the employee's biography attribute as richTextEditor to the Employees form we have.

How to do it...

In order to add the richTextEditor component, follow the ensuing steps:

1. Open the inputComponets.jsf page.

2. Drag the Biography attribute under EmployeesView1 in Chapter4AppModuleDataControl from the Data Control pane and drop it inside the panel form layout.

3. Navigate to Text | ADF Input Text w/ Label.

4. Right-click on the inputText component and navigate to Convert to… | Rich Text Editor.

5. While selecting the inputText component...