WebAssembly Hosted Apps: Enable Rich Text Editor in Web Report Designer

• Dec 04, 2024

The XRRichText control can display text with rich formatting in your report. You can specify content directly in the control, load text from an RTF/HTML file, or bind the control to a data field.

You can activate an inline Rich Text Editor and allow users to format and edit content in the Web Report Designer:

Note

The inline Rich Text Editor does not support Right-To-Left mode. For more information on limitations, refer to the following help topic: Rich Text Editor Unsupported Features.

Follow the steps below to enable inline editing functionality in the Rich Text control:

1. Install the DevExpress.Blazor.RichEdit NuGet package:

   Important

   The DxRichEdit ships as part of the following subscriptions: ASP.NET & Blazor, DXperience, and Universal. Refer to the following page for additional information: DevExpress Subscriptions.

2. Add a reference for the Rich Edit’s stylesheet to the page with the Report Designer:

   @page "/reportdesigner"
   
   <link href="_content/DevExpress.Blazor.RichEdit/dx-blazor-richedit.css" rel="stylesheet" />
   <DxWasmReportDesigner ReportName="TestReport" Height="calc(100vh - 130px)" Width="100%">
       <DxWasmReportDesignerRequestOptions GetDesignerModelAction="DXXRD/GetReportDesignerModel">
       </DxWasmReportDesignerRequestOptions>
   </DxWasmReportDesigner>