Use the Text Editor: Viewing the HTML Source

The Rich Text Editor (RTE) allows you to view and edit the HTML source of your text.

1. Use the Page Module and select the Page from the page tree that you would like to edit.
2. Either add or select a text Content Element where you would like to develop content.
3. If the Content Element does not have a Header, it is a good habit to give it one now. Click on the Text tab to access the RTE.
4. To delete existing text in the RTE, highlight the text. You can do this by clicking anywhere within the text and pressing Control-A to select all the text or else by clicking and dragging your mouse over the text. Then press your Delete key.
5. Now, add some text to view in the HTML source view. Then click on the Toggle HTML source icon.
6. Next, add an HTML tag. In our example, we'll use the <b> </b> bold tags.
7. When you're finished, click on the Toggle HTML source icon to see your work in the WYSIWYG screen (What You See Is What You Get).
8. Then click the Save and view document icon to view your work in the Frontend.
9. Not all tags and attributes are available using the RTE and these tags will be stripped out when you save the form.
10. We will add a Style Attribute to demonstrate.
11. Notice that the Style Attribute has been interpreted in the RTE. The form must be saved before the extension removes unavailable tags and attributes.
12. If you are adept at HTML and CSS and need to include a tag or attribute that is removed by the RTE, you can disable the RTE. Scroll down the form and put a check in the Disable Rich Text Editor field. Then save the form. You can then enter your HTML directly and all coding will be preserved.
13. The style attribute was preserved because the RTE was disabled. You can re-enable the RTE by unchecking the Disable Rich Text Editor checkbox and saving the form; however, unsupported tags will be removed upon save.