HTML Editor

You can use the React Rich Text Editor component as a WYSIWYG HTML editor. Use the code view icon to view the HTML source and to edit content as HTML markup.

Markdown Editor

Use the React Rich Text Editor component as a React WYSIWYG Markdown editor. Markdown can be used for the content. A third-party plugin can be used to preview the content of the typed Markdown syntax.

Customizable Toolbar

React Rich Text Editor's toolbar and buttons are fully customizable. This helps in designing the toolbar based on application requirements such as for an HTML blog editor or HTML email composer.

Undo and Redo Manager

You can edit text using the undo and redo tools to cancel recently made changes and return the text to its original state. These are also helpful to restore an executed action that was mistakenly changed.

Right to Left (RTL) Rendering

Right-to-left rendering is supported by the React Rich Text Editor, enabling a right-to-left display of the editor's layout and text. This enhances accessibility and the user experience for users of RTL languages like Arabic, Farsi, and Hebrew.

Localization

Localize the Rich Text Editor's strings to translate the editor into a specific local language. Use the localization library in the Rich Text Editor component to customize static text.

Accessibility

This component is distinguished by complete ARIA accessibility support, which makes it simple for people who use assistive technologies (AT) or who rely completely on keyboard navigation.

Syncfusion React Rich Text Editor

The React Rich Text Editor is a feature-rich WYSIWYG HTML editor and WYSIWYG Markdown editor. The Rich Text Editor is widely used to create blogs, forum posts, notes sections, support tickets (incidents), comment sections, messaging applications, and more.