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

• Oct 29, 2025

Important

The Rich Text Editor is based on the DxRichEdit component. 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.

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

1. Call the RegisterRichEditScripts() method to register scripts required for the inline Rich Text Editor.

   @using DevExpress.Blazor.Reporting
   
   @DxResourceManager.RegisterScripts((config) => {
           config.ConfigureReporting(x => x.RegisterRichEditScripts());
       })
   

   The location of this code depends on your application configuration. For example, if your application is based on the DevExpress Blazor Project Template, place this code in the Components/App.razor file.

   Refer to the following topic for the list of DevExpress resources for Blazor components: DxResourceManager.

2. Reference the Rich Edit stylesheet:

   <link href="_content/DevExpress.Blazor.Resources/css/devexpress-richedit/dx.richedit.css" rel="stylesheet" />