Days
Hours
Minutes
Seconds
x

Froala Editor v4.2.0 is Here LEARN MORE

Skip to content

The Next Generation WYSIWYG HTML Editor

Beautiful JavaScript web editor that's easy to integrate for developers
and your users will simply fall in love with its clean design.

These companies are changing the world, and they use Froala.

Use Froala editor right away with your existing tech stack.

Simple editor

Simple.

Lots of features don't have to overwhelm the user with hundreds of buttons. The Froala's WYSIWYG editor smart toolbar can accommodate over 100 features in this simple interface.

View Demos

Smart editor

Smart. Intuitive.

The Froala Smart Toolbar groups all actions by scope into 4 categories. It's an intuitive toolbar where every feature is easy to find and your most used ones are there for you.

View Demos

Full editor

Full of features.

Froala Rich Text Editor has a vast range of both simple and complex features for all kind of use cases.

View Features

 

Simple

 

Smart

 

Full of Features

 

Why Froala Editor?

Web page developer sitting on top of a performance gauge with projects behind him.

Developer friendly

A WYSIWYG HTML editor created by developers, for developers. With a powerful API and documentation you can get started in minutes.
Quick start

A man and a woman wearing jackets and boots hugging a large yellow smiley face.

Easy to extend

You can literally do anything with the Froala Editor. Well written, structured and documented code is very easy to understand and further extend.
Custom build

Two men pulling massive paper files with text and diagrams from a massive folder.

Out of the box plugins

There's no need to reinvent the wheel. Our rich text editor comes with over 30 out of the box plugins to choose from and use in your project. See plugins

Supports 15+ integrations natively along with 35+ plugins.


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

Classic and Inline

Our WYSIWYG HTML editor transformed a basic Javascript tool into an essential technology for many industries. In most cases this wouldn't have been possible without our Inline WYSIWYG HTML Editor.

Get Started Now

Unlimited users and developers no matter which plan you choose.

For any questions contact us or check out our Help Center.

[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_481333264" 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_825021786" 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_704947027" 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>