Skip to main content
LinkedIn
Copied!

Table of Contents

Rich text editor controls

Applicable to Theme UI-Kit applications

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 <bob@example.com>, 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 control.

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 Configure User Interface Gallery UI elements .

  • 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.

Did you find this content helpful?

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us