Days
Hours
Minutes
Seconds
x

Froala Editor v4.2.0 is Here LEARN MORE

Skip to content

Froala Rich Text Editor

Offer your users the best rich text editing experience possible. From simple to fully featured,
there's an option for every website.
Editor photo

Froala Editor is a lightweight WYSIWYG HTML Editor written in Javascript that enables rich text editing capabilities for your applications.

Its complete documentation, specially designed framework plugins and tons of examples make it easy to integrate. We're continuously working to add in new features and take the Javascript web WYSIWYG editing capabilities beyond its current limits.

These companies are changing the world. And they use Froala.

Samsung Apple IBM Amazon Abobe Panasonic Orange Ebay Intel Unbounce Salesforce Discovery Toyota Cisco Thomson Reuters

Powerfully Easy

Power is not only about complexity and the 100+ features. Power is what also makes Froala Editor so simple and easy to use.

Read More

Design

Design is the first contact users have with your product. UX is what makes them use it. Froala Rich Text Editor has them both.

Performance

Our Javascript rich text editor is built with performance in mind. This is what makes it lightweight and blazing fast.

From simple, basic features, our rich text editor comes with 30+ out of the box plugins for your application.

Integrate with your favorite development framework.

Ruby on Rails React JS Aurelia Angular 2 and 4 Ionic Vue JS Yii Framework Meteor Django Ember JS Knockout JS CakePHP Symfony CraftCMS Wordpress Sencha

A WYSIWYG editor that perfectly solved our needs and was very quick to get up and running.

Misha Pivovarov

Director at MGH Center of System Biology

Receive updates

Subscribe to receive email notifications about new features and new releases for the Froala WYSIWYG HTML Editor.

What People Tweet

Phil Freo

I've played with dozens of WYSIWYG HTML editors. Froala is the best I've found. https://editor.froala.com Super fast turnaround on bug fixes.

Phil Freo

Leading Product/Engineering at @CloseIO

Eugene

@froala Thank you very much for such quick responses. I've never seen a software support implemented so accurately!

Eugene

Web-developer locate in Moscow, Russia


Dipesh Acharya

Day 1: Ditched redactor for @froala. Day 2: Bought developer license. Day 3: Created package for integrating with @djangoproject.

Dipesh Acharya

Full-stack Python/Django Developer

Igor Barbashin

Froala WYSIWYG editor keeps surprising me. Nice documentation, Angular support and intuitive hotkeys. And good-lookin

Igor Barbashin

Designer, Web-developer, Musician.

[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1638011937" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_309639944" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_909041260" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>