Reporting for React - Enable the Rich Text Editor

• Jun 04, 2024

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@24.1-stable
   

2. Add the following lines to the page.tsx file:

   import 'devexpress-reporting/dx-richedit';
   import 'devexpress-richedit/dist/dx.richedit.css';