New Froala Editor v5.2.0 is here – Learn More
The Future-Proof React Rich Text Editor
Easy to use, highly customizable, and packed with features. This is the most powerful and flexible WYSIWYG rich text React editor available and it's built to future-proof your app to grow with your needs
40+
Plugins
30,000+
Weekly downloads
240+
API Option
100+
API Events
220+
API Methods
40+
Plugins
30,000+
Weekly downloads
240+
API Option
100+
API Events
220+
API Methods
TRUSTED BY: 
Get started in 60 seconds
Add Froala as your React WYSIWYG editor
Three steps from install to a fully-featured editor in your app.
1Install from NPM
Pull the package
$ npm install react-froala-wysiwyg --save
2Import the Component and the Stylesheets
Bring it into your project
import 'froala-editor/css/froala_style.min.css';
import 'froala-editor/css/froala_editor.pkgd.min.css';
import FroalaEditorComponent from 'react-froala-wysiwyg';
3Use the editor component
Drop it in your JSX
<FroalaEditorComponent
tag='textarea'
config={this.config} />
Why developers choose us
Reimagine React Editing with the React Rich Text Editor
Built for production. Every feature engineered for reliability, performance and developer experience.
Secure
Froala ensures your content is secure against XSS attacks, offering a robust defense layer specifically for its integration.
XSS · CSP · Sanitized
SEO-friendly
Craft SEO-ready content with ease using our HTML editor’s clean output.
Clean HTML · Semantic
Robust Plugin Support
Boasting about 35 plugins, our editor is an adaptable choice for React development.
35+ plugins
Minimalist
Embracing a minimalist design philosophy, our user interface offers a straightforward and efficient experience, ideal for websites seeking a clean visual presentation.
Clean UI
Mobile-friendly
Keep coding in React without interruption. Froala is a responsive WYSIWYG editor which adapts to any screen size
Responsive · Touch-ready
Customizable
With our editor’s customizable toolbar, React developers can tailor content creation as well as alter its user experience to great control.
Toolbar · Themes · Events
Thinking about integrating Froala into your React app?
Use cases
Fit in Any Kind of React Projects
From content platforms to internal tools, Froala adapts to where your team is building.
CMS
Content Management Systems (CMS)
Transform page and blog post editing with Froala React WYSIWYG editor
LMS
Learning Management Systems (LMS)
Achieve accuracy and professionalism with MathType integration in your React applications.
Email
Email Marketing Systems
Create email content easily using Froala React WYSIWYG editor with output code that’s mail client-friendly
CRM
Customer Relationship Management (CRM)
Boost your CRM with a cutting edge rich-text WYSIWYG editor that offers a variety of new features.
Tutorials
Explore how to use Froala React WYSIWYG Editor
Step-by-step guides walking you through real integration patterns.
Let Froala power your editing needs
Unlimited users and developers no matter which plan you choose. For any questions, contact us or checkout our Help Center
G2's top WYSIWYG editor for three years in a row
Questions
Frequently Asked Questions
Everything you need to know before adopting Froala in your React stack.
What is Froala's React WYSIWYG editor?
Froala React WYSIWYG editor is a React components that allows you to easily integrate and use the Froala WYSIWYG HTML rich text editor in your React applications.
Why should you choose Froala React rich text editor?
Froala editor is a lightweight and customizable editor that offers many features, such as inline editing, image and video upload, file management, code view, and more. You can use Froala editor to create and edit rich text content for websites, blogs, emails, or any other web-based applications. Furthermore, Integrating Froala in React is very easy and takes a few line of code.
Can I test the Froala editor before purchasing it?
Of course! Take advantage of our free trial by download the React SDK package to test the Froala editor before buying. The trial is fully featured and for all functional purposes exactly the same as the licensed versions. However, you will notice a Froala attribution watermark and red ‘unlicensed’ banner that will be present on the editor until the purchase of a Froala license plan.
