Syncfusion React Blockeditor

A block-based rich text editor from Syncfusion that structures content as discrete, reorderable blocks instead of one continuous document. You get built-in block types like headings, lists, tables, code snippets, and collapsible sections, plus slash commands, drag-and-drop reordering, and inline toolbars. The component exports to JSON or HTML, supports @mentions and labels, and ships with WCAG 2.1 compliance out of the box. It's overkill for a simple comment box but makes sense if you're building a CMS, documentation tool, or note-taking app where users need more structure than markdown but less complexity than a full WYSIWYG editor. The API is thorough with proper TypeScript types and programmatic block manipulation.

Install to Claude Code

npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor --agent claude-code