Froala WYSIWYG HTML Editor Features


The smartest and most beautiful WYSIWYG HTML text editor. High performance and simple modern design make the rich text editor easy to use for developers and loved by users.

General Information

Inline Editing

We managed to achieve the best editing experience ever. Using the inline editor, what you see is actually what you get.

Easy to Integrate

The editor can be integrated in any kind of projects in no time. We have specially created plugins for the most popular frameworks.

Easy to Upgrade

Keep all your customizations separated from the editor folder and upgrading is just a matter of downloading the new version.

High Quality Code

For us high quality code means LTFCE, in other words: Legible, Testable, Flexible, Compliant and Economical.

Unit Tests

We know you hate testing and want a product that really works, so most of the editor's functionality is covered by unit tests.

Shortcuts

Faster than a blink of an eye, shortcuts allow you to activate specific commands by using only the keyboard.

Cross Browser

Are you an Apple fan? Or Microsoft? It doesn't matter, our editor will work the same on Safari, Internet Explorer and other browsers.

Cross Platform

It's tested! A busy day won't stop you from editing your website. Use your tablet or even smartphone for it.

Design

Modern Design

We carefully analyzed the latest industry trends and designed a nice flat interface that the users will just love it.

Retina Ready

Why Retina? More detail, better aesthetics and sharper fonts. Otherwise, over 300 million users will think your website is ugly.

Themes

The editor will fit on any website. Use the default or the dark theme, or create your own theme using the LESS theme file.

Easy Customizable

Our WYSIWYG HTML editor is the only one that has a special customizer tool to change the look and feel in the way you want.

Iconic Font

The editor uses the iconic font named Font Awesome, scalable vectorial icons that look gorgeous at any size.

Intuitive Interface

Froala rich text editor offers complete functionality through a very intuitive interface that users will find natural to use.

Popups

Modern all the way. Froala dumps the old and classic popups, adding in new, styled popups for an awesome user experience.

Custom Toolbar

Too many buttons? Perhaps not in the right order? You have full control over the rich text editor's toolbar functionality.

Performance

Fast

Faster than the blink of an eye, our rich text editor will initialize in only 90ms.

Plugin Based

The modular structure makes our WYSIWYG HTML editor more efficient, easier to understand, extend and maintain.

Multiple Editors on a Page

One or ten text editors on the same page? You won't feel a difference, just set them to be initialized on click.

HTML 5

Froala Rich Text Editor is built respecting and taking advantage of the HTML 5 standards.

CSS 3

What better way to improve user experience than using CSS 3? Subtle effects makes the editor even greater.

Optimized for Mobile

Android and iOS

We know how used mobile devices are and we are running tests on both Android and iOS devices.

Image Resize

Froala Rich Text Editor is the first WYSIWYG HTML editor with image resize that works even on mobile devices.

SEO

Clean HTML

We developed an algorithm that automatically cleans up the HTML output of our rich text editor. Write with no worries, the WYSIWYG HTML editor produces a very clean output, waiting to be crawled by search engines.

Image Alternative

Image alternative is the text shown if the browser can't display the image. It is also text that search engines use, so don't ignore it. Alternative text can be set in the edit image popup.

Link Title

Although link title is not known to have major SEO impact, it helps users to navigate easier through your website. Not so important, but good to have. Set the link title in the link popup.

Security

Froala WYSIWYG HTML Editor has a strong defense mechanism against XSS attacks. In most cases you won't have to worry at all about this, but we still recommend that you do additional checks on your server.

Formatting

Basic Styling

Basic styling, such as bold and italic, is built-in the main code. Perfect when you need a simple WYSIWYG HTML editor.

Advanced Styling

More advanced styling options are also available through plugins. You just have to include the ones you need.

Class Styling

This features allows each developer to add an unique touch to the editor. Define your own style classes and impress your users.

Font

As opposed to most rich text editors, Froala is not using the <font> tag at all.

Font Size

Change font size with pixel precision. No more 'small', 'medium' and nothing between them.

Font Family

Give your text some personality using different font family.

Format Block

Quote someone, write some code or just highlight ideas using headings.

Colorful

Give your thoughts some color. Change the text or background color as you wish, selecting from our color palette.

Undo & Redo

Let's paraphrase Alexander Pope: “To err is human, to forgive, undo.” , so don't worry about errors there's always undo and redo.

Rich Content

Advanced Linking

Easily insert web links, email links or anchors. Use advanced settings to open them in new tabs or specify a predefined list of links to choose from.

Plain Text Paste

Get rid of unwanted styling when pasting from external sources. Tell the Froala Rich Text Editor to always paste data from clipboard as plain text.

Paste from Word

Users paste a lot from Word. Froala WYSIWYG HTML Editor cleans all the unnecessary code and make the HTML just look good.

Images

Bring your text to life with images. Drag & drop, browse or paste an URL to insert an image.

Image Editing

Drag & drop images to reposition them, click to resize, change their alignment, make them links, replace or delete them.

Media Manager

The media manager helps you to easily browse through, insert or delete images on your server.

Video URL parsing

Easily insert videos by URL. Our rich text editor automatically parses Youtube, Vimeo, Yahoo and Daily Motion video links.

Embedded Video Code

Have a different video source? No problem, you can also insert videos by pasting the embedded code into the rich text editor.

Video Edit

Change video alignment, remove or preview it directly from the editor's interface without having to leave the page.

File Upload

Drag & Drop any file to upload it or use the specially designed popup for handling file upload.

Tables

Keep your data organized using tables, with both basic and advanced operations on cells, rows and columns.

Accessibility

Tab Key

Our WYSIWYG HTML editor does not interfere with the natural Tab key behavior allowing you to easily navigate through pages.

Shortcuts

Intuitive shortcuts enable a faster editing experience and you can even forget about your mouse.

Keyboard Navigation

You will never be constraint by using a mouse. Our WYSIWYG HTML editor is completely keyboard navigable.

Developers

Powerful API

Froala WYSIWYG HTML editor comes with a powerful javascript API that allows you to easily customize and interact with the editor.

Rich Documentation

A powerful API that comes with a complete documentation is what all developers dream to play around with.

Autosave

Don't worry about data loss. Our rich text editor automatically makes a save request to your server as the user types.

HTML mode

Some users may think they're faster writing HTML. Let them see and edit the HTML code behind their content.

Customizable Functionality

The editor's functionality is highly customizable. Use the API to change the default behavior or edit the source code.

Extendable

Specific websites may require specific features. Easily create a plugin to extend the Froala WYSIWYG HTML Editor's functionality.

Enter Control

You may customize the native browser enter behavior and we make sure that new lines are always created the same way.

Ajax Ready

Never leave the page. With built-in AJAX mechanism for saving and uploading files you won't have to refresh the page at all.

International

Languages

Froala WYSIWYG HTML editor is used world wide in various languages. For the moment 34 languages are supported.

Spell Check

Disabled by default, it can easily be enabled. Spell check uses the browser spell check and can always come in handy.

RTL Support

The editor has full RTL support. Writing in Arabic or Farsi will feel naturally. Even the toolbar changes to give it the perfect feel.

Support

Email

Froala offers customer support via email 7 days a week. Our team is always online and usually responds to emails in less than one hour.

Skype

Live chat customer support is not included in the commercial licenses. However, in exceptional cases we may also use it, but only on weekdays.