froala-editor

What is froala-editor?

Froala Editor is a lightweight WYSIWYG HTML Editor written in JavaScript that enables rich text editing capabilities for web applications. It is designed to be easy to integrate and offers a wide range of features including text formatting, image and video embedding, and more.

What are froala-editor's main functionalities?

Text Formatting

This feature allows users to format text with options like bold, italic, underline, and more. The code sample initializes the Froala Editor with a toolbar that includes these text formatting options.

const FroalaEditor = require('froala-editor');
new FroalaEditor('#editor', {
  toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript']
});

Image Upload

This feature enables users to upload images directly into the editor. The code sample shows how to configure the editor to upload images to a specified URL.

const FroalaEditor = require('froala-editor');
new FroalaEditor('#editor', {
  imageUploadURL: '/upload_image'
});

Video Embedding

This feature allows users to embed videos within the editor. The code sample demonstrates how to enable video embedding in the Froala Editor.

const FroalaEditor = require('froala-editor');
new FroalaEditor('#editor', {
  videoUpload: true
});

Custom Toolbar

This feature allows customization of the toolbar to include only the desired buttons. The code sample shows how to initialize the editor with a custom toolbar that includes buttons for text formatting, image insertion, and video insertion.

const FroalaEditor = require('froala-editor');
new FroalaEditor('#editor', {
  toolbarButtons: ['bold', 'italic', 'underline', 'insertImage', 'insertVideo']
});

Other packages similar to froala-editor

quill

Quill is a modern WYSIWYG editor built for compatibility and extensibility. It offers a similar range of features to Froala Editor, including text formatting, image and video embedding, and a customizable toolbar. Quill is known for its modular architecture and ease of customization.

tinymce

TinyMCE is a popular rich text editor that provides a wide range of features similar to Froala Editor. It supports text formatting, image and video embedding, and a customizable toolbar. TinyMCE is highly extensible and offers a large number of plugins to enhance its functionality.

ckeditor

CKEditor is a powerful WYSIWYG editor that offers a comprehensive set of features, including text formatting, image and video embedding, and a customizable toolbar. CKEditor is known for its robust performance and extensive plugin ecosystem, making it a strong competitor to Froala Editor.

README

#Froala WYSIWYG Editor A beautiful jQuery WYSIWYG text editor based on HTML5 technology. Cross browser, with mobile support, high performance and Retina Ready flat design.

Licensing

The editor can be used for free only for personal and non-profit projects under the CC NC-ND license. For commercial applications you have to purchase one of the following licenses according to your needs. You can find more about that on our website on the pricing plan page.

1. Single Website - $49

• Developer - $79
• Business - $159
• OEM - $299

Useful links

• Official website: editor.froala.com
• Official download: editor.froala.com/latest.zip
• Official documentation: editor.froala.com/docs
• Changelog: editor.froala.com/changelog
• Licensing: editor.froala.com/download
• Support: editor.froala.com/contact

Reporting issues

We use GitHub Issues as our official bug tracker. We strive to keep this a clean, maintainable and searchable record of our open and closed bugs, therefore we kindly ask you to obey some rules before reporting an issue:

1. Make sure that you are using the latest version of the Froala WYSIWYG Editor. The issue that you are about to report may be already fixed with on our latest work https://github.com/froala/froala-wysiwyg/tree/master/js, so please try it before reporting.

• Always add information on what browser it applies to, and other information needed for us to debug.
• Make sure the report is accompanied by a reproducible demo.
• We are trying to fix all issues ASAP. This means a lot of work and all we are asking is for you to be polite and use appropriate language.
• DO NOT SPAM! We are reading every single issue opened. Please do not open 2 different issues for the same thing.
• For feature requests, tech support and general discussion, don't use GitHub Issues. See http://editor.froala.com/contact for the appropriate channels.