A production-ready, sanitized, and highly extensible rich text editor for React and Next.js.
Built with security, customization, and developer experience in mind. Features enterprise-grade DOMPurify integration, powerful plugin system, comprehensive theme support, and extensive formatting options. Perfect for content management systems, blog platforms, documentation tools, and any application requiring rich text editing capabilities.
Try all the features below. Format text, insert media, create tables, and more!
DOMPurify-powered sanitization with XSS protection. All content is automatically cleaned and validated before being saved or displayed.
Powerful plugin system allows you to add custom functionality. Create your own toolbar buttons, commands, and actions.
Control every aspect of the editor. Configure themes, restrict allowed tags, customize toolbar, and adjust styling to match your brand.
From simple comment boxes to complex content management systems, this editor adapts to your needs
Build powerful CMS interfaces, blog editors, and documentation tools with full rich text capabilities. Perfect for WordPress-like editors, knowledge bases, and wiki systems.
Create secure comment systems with restricted formatting options for user-generated content. Ideal for forums, discussion boards, and social platforms.
Design email composition interfaces with rich formatting, images, and links support. Great for marketing emails, newsletters, and transactional messages.
Integrate into forms for surveys, applications, and any content submission needs. Perfect for job applications, feedback forms, and data collection.
Trusted by developers building modern web applications across various industries
Internal documentation systems, knowledge bases, and corporate content management platforms requiring secure, feature-rich editing capabilities.
Learning management systems, course creation tools, and student assignment platforms where rich content creation is essential.
Product description editors, marketing content creators, and store management interfaces for creating compelling product listings.
Dive deeper into features, examples, configuration, and API documentation
Get started in minutes with our simple installation and setup process
npm install @webbycrown/react-advanced-richtext-editoryarn add @webbycrown/react-advanced-richtext-editorimport { useState } from 'react';
import Editor from '@webbycrown/react-advanced-richtext-editor';
import '@webbycrown/react-advanced-richtext-editor/dist/styles.css';
function MyEditor() {
const [content, setContent] = useState('');
return (
<Editor
value={content}
onChange={setContent}
height={400}
/>
);
}Install and start using in under 2 minutes
Detailed documentation and examples for every feature
Configure themes, plugins, and behavior to match your needs
That's it! The editor is ready to use. Check out the Examples page for more advanced usage patterns, explore the Features page to see all capabilities, or visit the Configuration page to customize the editor to your needs.
Built for developers who need a reliable, secure, and feature-rich solution
Built-in DOMPurify sanitization protects against XSS attacks. All content is automatically cleaned and validated before being saved or displayed. Perfect for applications handling user-generated content.
Lightweight and fast, with efficient rendering and minimal re-renders. Optimized for large documents and smooth user experience even with complex content.
Modern, intuitive interface with light and dark theme support. Responsive design that works seamlessly on desktop, tablet, and mobile devices.
Powerful plugin system allows you to add custom functionality. Create your own toolbar buttons, commands, and actions to extend the editor's capabilities.
Fully responsive design with touch-optimized controls. Works perfectly on iOS, Android, and all modern mobile browsers.
Clean API, TypeScript support, comprehensive documentation, and active maintenance. Built by developers, for developers.