The Rich text editor control provides users with an interface for adding and editing text. By using standard word processing tools, such as fonts and formats, this control helps application users style their text, which improves presentation and usability.
When you create a Rich text editor control, you select which features are available to application users. You can configure the Rich text editor toolbar to include additional elements, such as tables, formats, and indentation. The control supports custom events, such as displaying a smart tip on hover, or refreshing the section on change.
The control also supports images. Depending on the format in which you want to store the image, you can drag the image into the control to convert it to a secure base64 binary file, or use the Image uploader tool to save the file as a data-content image.
Because the Rich text editor control relies on HTML for
formatting, it interprets all text between the less than (<) and greater than (>) symbols
as an HTML tag, and excludes it at run time. For example, if you configure the Rich text editor to source text from a property, and that text includes
a string such as
<firstname.lastname@example.org>, the editor does not display the
string. To include all characters in the text, add a leading space after the less than symbol,
or use a Text area
Rich text editor controls that you add to a dynamic layout are responsive.
The UI Gallery landing page contains a working example of this element. To display the gallery, in Dev Studio, click.
- Adding and configuring a Rich text editor control
When a Rich text editor control is added to a layout, users can enter text and control the styling and formatting. You can customize the appearance of the Rich text editor control in the skin.
- Skin formats for Rich text editor controls
You specify styling for the Rich text editor control in the skin. Styles set in the skin apply to the header, footer, and border of the Rich text editor control. You can create custom Rich text editor control formats.