A package of React Block Editor is a modern, block-based content editing solution for web applications. It provides an intuitive and flexible interface for creating rich, structured documents using interactive content blocks.
The React Block Editor package includes the following,
This React Block Editor component is designed to support a wide range of block types and text formatting options, enabling users to compose and manage content with precision and ease. Whether for document editing, note-taking, or content creation tools, the Block Editor offers a seamless editing experience.
Getting Started . Online demos . Learn more
- Multiple block types: Includes Heading levels 1-4, Paragraph, Lists, Checklist, Quote, Callout, Divider, Code block, and more.
-
Slash commands: Interactive
/
commands to insert or transform content blocks efficiently. - Drag and drop: Reorder blocks effortlessly with built-in drag-and-drop support.
- Rich text formatting: Apply styles such as Bold, Italic, Underline, Strikethrough, Uppercase and more.
- Action menu: Perform block-level operations such as Move, Delete, and Duplicate.
- Contextmenu support: Right-click context menus for quick block actions.
- Inline content support: Insert inline elements like Links, Labels and Mention directly within blocks.
- Undo/Redo operations: Undo and redo support for the user interactions.
Trusted by the world's leading companies
To install blockeditor
and its dependent packages, use the following command.
npm install @syncfusion/ej2-react-blockeditor
Input components are also offered in following list of frameworks.
JavaScript |
Angular |
Vue |
ASP.NET Core |
ASP.NET MVC |
---|
- Cloud Pricing - Live Demo
Product support is available through following mediums.
- Support ticket - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
- Community forum
- GitHub issues
- Request feature or report bug
- Live chat
Check the changelog here. Get minor improvements and bug fixes every week to stay up to date with frequent updates.
This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license for 80+ React UI components, you can purchase or start a free 30-day trial.
A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
See LICENSE FILE for more info.
© Copyright 2025 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution.