Froala Editor

Froala Editor is a web-based WYSIWYG rich text editor (RTE) that was built on the latest technologies and according to the latest industry trends. It is a platform-independent, web-based JavaScript/HTML WYSIWYG text editor made by Froala. It is designed to easily bring common word processor features directly on any web page. Although is very simple to use, it is one of the most powerful and complete WYSIWYG editors on the market. Froala Editor is distributed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License for Non Commercial use and 4 other custom licenses for commercial use: Single Website License, Developer License, Business License and OEM License.

Froala editor's core code is written in JavaScript and therefore can be integrated with any HTML document. For ease of use it has server-side connectors with PHP, Python and Ruby on Rails and an AngularJS module.

General Information

High performance and modern design make Froala editor easy to use for developers and loved by users. With great editing experience, the inline mode of this editor really gets the most out of the WYSIWYG concept. It is very easy to integrate in any kind of projects with just few lines of code.

Browser Support

ACTIVE Support

Froala editor supports all major web browsers. Any issue in the browsers listed bellow should be reported as a bug.

  • Internet Explorer 9+ and limited support for 8
  • Safari 5.1+
  • Firefox (Current - 1) and Current versions
  • Chrome (Current - 1) and Current versions
  • Opera (Current - 1) and Current versions
  • iOS 6.0+
  • Android 4.0+

(Current - 1) and Current means that the editor supports the current stable version of the browser and the version that precedes it. Limited support means that not all editor features can be used. In Internet Explorer 8 the "Block Style" plugin cannot be used. Some of the editor's features cannot be implemented in earlier versions of IE than 9. It's recommended to upgrade to a newer version of Internet Explorer.

Unsupported Browsers

Pre-release versions of browsers, such as beta or dev release are not supported. If you find a bug in a pre-release of a browser, you should probably report it to the browser vendor. The editor may run without any major issues in older browser versions, but the editor is not tested in them.

AbOUT Browser Support

Froala editor is constantly tested in all the supported browsers via unit tests. However, there might be small differences from one browser to another according to the browser-specific behaviors. Testing is essential to fully support a browser. BrowserStack makes available virtual machines for testing many different browser versions on different platforms. Only the last version of the Froala editor is tested and updated to fix bugs and add features. Users of older versions that find a bug should upgrade to the latest released version to determine if the bug has already been fixed.

Design

Froala editor has a nice flat design that makes it look good on any website. It also has the possibility of using different themes, you can either choose one made by Froala or you can easily create a new one. The new, modern and styled popups of this editor add a big plus to the user experience. But what matters most when it comes to user experience is how intuitive the interface is. And this is a test that Froala editor passes without any problems, users finding the interface natural to use.

Retina Ready has become a must in web design and Froala editor is no exception. Why retina ready? Because it offers more detail, better aesthetics and sharper fonts. Otherwise, all users of a retina device (a number that is estimate to be over 300 million) will think your website is ugly.

International

Froala WYSIWYG editor is used world wide, in many countries and in various languages. It currently has 33 languages and they're aiming to cover even more. It has full RTL support, so writing in Arabic, Farsi or Hebrew will feel naturally. Even the toolbar changes to give it the perfect feel.

Search Engine Optimization

SEO is always a problem when it comes to WYSIWYG and usually all developers are very sceptical about this. Froala editor is using an advanced algorithm that automatically cleans the HTML output. So users can write with no worries because the editor produces very clean HTML, just waiting to be crawled by search engines.

Performance

Using a modular programming structure based on plugins, Froala editor has improved performance, it's more efficient, easier to understand, extend, modify and maintain. The main advantage is that you can include only the plugins that you need, instead of having all of them already in. Being a lightweight WYSIWYG editor makes it also fast and you can make it even faster using the option to initialise the editor on click. This way you can use one or ten editors on the same page an won't feel a difference.

Plugins

Built-in Functionalities

Built-in functionalities are functionalities included in the editor's main code. These features are available by default when you initialize the editor. A complete list of the built-in functionalities can be found below:

  • Bold
  • Italic
  • Underline
  • Strikethrough
  • Format Block
  • Alignment
  • Indent
  • Outdent
  • Insert Link
  • Insert Image
- Paste URL, browse or drag & drop to insert image
- Drag & drop to reposition them
- Click to resize, change their alignment, make them links, replace or delete them
- The first WYSIWYG editor with image resize that works on mobile devices
  • Insert Horizontal Line
  • Undo
  • Redo
  • Show HTML

Available Plugins

Plugins extend the editor's basic functionality. A complete list of plugins can be found below:

  • Font Size
  • Font Family
  • Text & Background Colors
  • Block Style
- Use custom classes to style the text
  • Insert Video
- Video URL parsing for Youtube, Vimeo, Yahoo and Daily Motion
- Insert video using Embedded Code
- Change video alignment: left, centre or right
  • Insert Table
- Basic and advanced operations on cells, rows and columns
  • Media Manager
- Easily browse through images and delete them
  • Lists
- Ordered lists
- Unordered lists
- Nested lists
  • File Upload

Developers

Froala editor comes with a powerful javascript API that allows developers to easily customize and interact with the editor. Specific websites may require specific features and changing the editor's default behaviour is an easy thing to do due to the API's documentation.