Working with Text Component

With the visual editor you create, edit, and format content in a word processing-like interface, without using HTML markup directly. With the visual editor, you can more easily format your content, and add links and images. The visual editor includes an HTML option for you to review the HTML markup and make small formatting changes to your content.

If you add an HTML component and select Text when you select Edit the visual editor opens by default.

The visual editor provides a “what you see is what you get” (WYSIWYG) interface that allows you to format text by selecting options at the top of the editor.

The following image shows callouts for the editing options and is followed by descriptions.

1. Select a formatting style for the selected text, such as paragraph, preformatted, or a heading level.
2. Select a font family for selected text, such as Arial, Courier New, or Times New Roman.
3. Format the selected text in bold, or remove this formatting. 
4. Format the selected text in italics, or remove this formatting. 
5. Underline the selected text, or remove this formatting.
6. Change the color of the selected text.
7. Format the selected text as a code block, or remove this formatting.
8. Align text and images to the left.
9. Center text and images.
10. Align text and images to the right.
11. Justify text and images.
12. Create a bulleted list, or remove this formatting.
13. Create a numbered list, or remove this formatting.
14. Decrease the indentation of the selected paragraph.
15. Increase the indentation of the selected paragraph.
16. Format the selected paragraph as a blockquote.
17. Create a hypertext link from the selected text.
18. Remove a hypertext link from the selected text.
19. Insert an image at the cursor.
20. Review the HTML markup.