Blazor Server 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. Reference the Rich Edit’s stylesheet on the page with the Report Designer:

   @page "/reportdesigner"
   
   <link href="_content/DevExpress.Blazor.RichEdit/dx-blazor-richedit.css" rel="stylesheet" />
   <DxReportDesigner ReportName="HelloWorld" Height="1000px" Width="100%" AllowMDI="false">
       <DxReportDesignerWizardSettings UseFullscreenWizard="false"/>
   </DxReportDesigner>