Skip to main content

DevExpress v25.1 Update — Your Feedback Matters

Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Rich Text Editor

  • 4 minutes to read

The DevExpress Rich Text Editor for Blazor (DxRichEdit) allows you to integrate advanced text editing functionality into your project. It includes comprehensive text formatting features and ships with a rich collection of end-user options. You can find the Rich Text Editor API in the DevExpress.Blazor.RichEdit namespace.

Rich Text Editor Overview

Read Tutorial: Get Started with Rich Text Editor

#API Reference

Refer to the following list for the component API reference: DxRichEdit Members.

#Supported Document Formats

The Rich Text Editor supports the following document formats:

  • Office Open XML Document (DOCX)
  • Rich Text Format (RTF)
  • Plain Text (TXT)
  • HyperText Markup Language (HTML)

You can use the DevExpress Office File API library or a third-party server library to convert a document to other formats.

View Example: How to export a document to a file (DOC format)

#Supported Document Elements

The Rich Text Editor supports the following document elements:

  • Bulleted, numbered, and multilevel lists
  • Inline and floating images (JPEG, PNG, and GIF)
  • Hyperlinks and bookmarks
  • Headers and footers
  • Floating text boxes
  • Tables
  • Fields

#Document Management

The DevExpress Rich Text Editor ships with built-in API that allows you to manage documents: create, open, save, print, and export.

Read Tutorial: Document Management

#Document API

You can manage the document’s content: modify document elements, format text, and change the document layout.

Read Tutorial: Text Operations Run Demo: Document API

#Fields

The Rich Text Editor supports fields - special instructions that generate content (for instance, a page number or date and time).

Rich Text Editor Fields Overview

Read Tutorial: Field

#Mail Merge

The mail merge functionality allows you to generate multiple documents based on a template and a bound external data source. For example, you can create catalogs, reports, or personalized letters. The component allows you to preview dynamic content in the opened template document and adjust it before the final mail merge operation.

Read Tutorial: Mail Merge Run Demo: Mail Merge

#Spell Check

The Rich Text Editor allows you to use a built-in or custom service to check spelling. If you enable this functionality, the component underlines misspelled words with wavy red lines. Right-click a highlighted word to invoke a context menu. Menu commands allow you to correct a spelling error, ignore it, or add the selected word to a dictionary.

Check spelling in the Rich Text Editor

Read Tutorial: Spell Check Run Demo: Spell Check

View Example: How to Customize the Built-in Spell Check Services

#Toolbar and Ribbon Customization

The Rich Text Editor can display its menu bar as a ribbon or toolbar. You can access and modify tabs, groups, and items (commands) displayed in the menu bar. Refer to the following topic for the list of all available elements: Built-in Toolbar Elements.

Run Demo: Ribbon Customization Run Demo: Toolbar Customization

#Context Menu Customization

Handle the CustomizeContextMenu event to modify the default collection of the Rich Text Editor’s context menu.

customize-contextmenu-items

Run Demo: Context Menu Customization

#Pre-Defined Styles

The Rich Text Editor ships with pre-defined styles for paragraphs and tables. You can find the corresponding options on the Home tab for paragraphs, and on the Design tab for tables.

You can also apply a pre-defined style to a table in code. Refer to the following enumeration description for more information: TableStyleOptions.

#Zoom

Users can change the document’s zoom level in the corresponding drop-down menu in the View ribbon tab.

Blazor RichEdit - Change Zoom Level in UI

Use the ZoomLevel property to specify the zoom level in code.

#Simple View

The Rich Text Editor can display a document so that it occupies the entire component’s content area. This view may not not reflect the actual page layout. Set the ViewType property to Simple to enable this view mode.

Simple View

Run Demo: Simple View

#AI-powered Extension

DevExpress AI-powered extension for Rich Text Editor adds AI-related commands to the editor’s context menu. The commands are designed to process text content.

AI-powered Extensions for RichEdit

Read Tutorial: Get Started with AI-powered Extension for Blazor Rich Text Editor

View Example: Rich Text Editor and HTML Editor for Blazor - How to integrate AI-powered extensions

#Localization

You can localize the Rich Text Editor for different languages and cultures.

Rich Text Editor Localization

Read Tutorial: Localization