Days
Hours
Minutes
Seconds
x

Froala Editor v4.2.0 is Here LEARN MORE

Skip to content

Out of the box!

Plug and play features to create your own version of the Froala WYSIWYG HTML Editor.

artstation

Don't reinvent the wheel.

"Froala was a perfect match having a great user experience and out-of-the-box features." — Phil Freo, Close.io


Read story

A pen drawing of a three by three grid of squares forming to make a larger square.

30+ Plugins

Our rich text editor has over 30 plugins to choose from and use out of the box in you project.​

Pen drawing of a paper plane folded and taking flight upwards to the upper right corner.

Plug & Play

Include the plugin you need for the rich text editor and you’re ready to start playing.

Pen drawing of three sliders with square knobs at different levels .

Customize

With lots of well documented options for each plugin, the editor can be customized in seconds.

Pen drawing of paper stacks with three lines representing sheets.

Extend

The plugins’ code is all well commented and simple to use as a basis for your own plugins.

Image

Basic image editing.

Aviary

Advanced image editing.

Draggable

Drag and drop elements.

Advanced link editing.

Code View

View editor content code.

Code Beautifier

Beautify the code view.

Emoticons

Makes your users smile.

Font Family

Select different font type.

Font Size

Change the font size.

Paragraph Format

Change the paragraph type.

Lists

Insert lists in the editor.

Table

Basic and advanced tables.

Word

Clean Word and Excel paste.

Video

Multiple ways to insert videos.

File

Upload any kind of files.

Colors

Background and text colors.

Fullscreen

Edit content in fullscreen.

#

Char Counter

Limits or counts characters.

Align

Align editor content.

&entity;

Entities

Use HTML entities.

Help

See shortcuts in the editor.

Image Manager

Browse and delete images.

Inline Style

Add styles on selected text.

Line Breaker

Add new line between blocks.

Paragraph Style

Add style to a paragraph.

Print

Print editor content.

Quick Insert

Insert elements easier.

Quote

Add quotes in the editor.

Save

Enable AJAX saving.

Ω

Special Characters

Insert special characters.

Url

Convert to URL as you type.

Spellchecker

Spell check as you type.

∑√

Wiris

Edit equations and formulas.

Haven't found what you were looking for?

If you can't find an answer, check out our Help Center page or contact our Support team.

[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1500943484" 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_2092371844" 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_1778334451" 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>