ContextQMD
Back to Devexpress

Get Started with Blazor Rich Text Editor

blazor-403121-components-rich-edit-get-started-with-rich-text-editor.md

latest2.1 KB
Original Source

Get Started with Blazor Rich Text Editor

  • Jan 15, 2026
  • 3 minutes to read

This topic describes how to create a new project or configure an existing project to use a DevExpress Rich Text Editor component.

Create a New Project (DevExpress Templates)

Follow this tutorial to create a Blazor application using the DevExpress Template Kit. To add the Rich Text Editor to the application, choose the correponding option in the Kit.

Configure an Existing Project

Follow the steps below to incorporate the Rich Text Editor into a Blazor app created with a Microsoft template.

1. Register Common DevExpress Resources

Create an application as described in the following topic: Get Started With DevExpress Components for Blazor.

2. Register Rich Text Editor Resources

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

  2. Register the Rich Text Editor’s CSS file in the <head> section of the Components/App.razor file for Blazor Web applications.

  3. Register the DevExpress.Blazor.Office and DevExpress.Blazor.RichEdit namespaces in the Components/Imports.razor file:

  4. Optional. Set up the Rich Text Editor’s culture. See the following topic for details: Localization.

Add a Rich Text Editor

Add the <DxRichEdit /> tag to the Pages/Index.razor page. Blazor Rich Text Editor does not support static render mode. You need to enable interactivity on a Razor page to allow Blazor Rich Text Editor to execute scripts and display data.

razor
@rendermode InteractiveServer

<DxRichEdit />

Run the application to see the result: