Reporting for React - Enable the Rich Text Editor

• Aug 18, 2023

The XRRichText control in the End-User Designer allows you to display RTF text in the report. If you specify static text or load RTF text from a file, you can only apply format settings to the entire text.

This topic describes how to enable the XRRichText control’s Rich Text Editor to edit and format the text in place, as in the following image:

Note

Inline client Rich Text Editor does not support Right-To-Left mode. For more information review the following help topic: Rich Text Editor Unsupported Features.

Do the following to enable the Rich Text Editor:

1. Install the devexpress-richedit npm package:

   npm install devexpress-richedit
   

2. Add the following line to the App.js file:

   import 'devexpress-reporting/dx-richedit';
   

3. Add the following line to the App.css file:

   @import url("../node_modules/devexpress-richedit/dist/dx.richedit.css");