Froala Editor

Software Screenshot:
Froala Editor
Software Details:
Version: 2.2.1 updated
Upload Date: 13 May 16
Developer: Froala
Distribution Type: Shareware
Price: 199.00 $
Downloads: 911
Size: 764 Kb

Rating: 2.7/5 (Total Votes: 11)

WYSIWYG are bulky chunks of code that allow users to format text inside their browsers just like they'd do with desktop software like Word or OpenOffice.

Most of them work by transforming a simple textarea into a fully-blown text formatting section, with lots of toolbars and buttons to style the contained text.

Another way of adding a RTE to a page is to allow users to select text and then show a popup with formatting controls next to it.

Both ways are great, but few WYSIWYG editors provide both these editing options, focusing on just one of these editing experiences.

Froala Editor provides a solid WYSIWYG editor, working for both of the aforementioned editing experiences, but also offers a pretty solid codebase, coded according to the latest standards and industry best practices.

The Froala Editor is one of the few RTEs around with mobile and Retina support, making it also ideal for usage on mobile devices also.

Utilizing the FontAwesome icon font for the editor's buttons, Froala also reduces HTTP requests when loading the editor, improving page load time and providing a much more easier to style editor UI.

Everything inside the Froala editing toolbars is interchangeable, developers being able to turn buttons and functionality on or off, or move them around to custom positions as they see fit.

All in all the Froala Editor is a very well done WYSIWYG solution, with lots of customization options, documentation and demos included.

Froala Editor is available under a dual licensing model. The free version is available personal and non-commercial projects under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License, while for commercial usage, various paid licenses are available, depending on the desired usage requirements. Be sure to read the licensing agreement and don't get mixed up.

What is new in this release:

New in Froala Editor 1.2.7 (May 14th, 2015)

What is new in version 2.1.0:

  • Add pluginsEnabled option.
  • Add plugin property to commands.
  • Add emoticonsUseImage option.
  • Allow notes:// for links.
  • Add quick insert plugin.
  • Preview image while uploading.
  • Add table insert helper.
  • Redesign line breaker icon.

What is new in version 1.2.7:

  • Add beforeUploadPastedImage event.
  • Buttons are not simpleTags. Improve cleaning allowedAttrs.
  • Clean HTML that is set inside textarea before adding it to the element.
  • Add doNotJoinTags option.
  • Colors plugin was improved.
  • Add linkAttributes option.
  • Improve imageAltSet, imageFloatedLeft, imageFloatedNone and imageFloatedRight events.
  • Add entities plugin.
  • Add response to the fileUploaded event.
  • Add afterImageUpload and afterFileUpload events.
  • Replace node.children with node.childNodes.
  • Improve imageResize and imageResizeEnd events.
  • Add saveParam.
  • Allow to type in RTL or LTR according to the keyboard type.
  • Improve Danish translation.
  • Improve pasting.
  • Add afterPasteCleanup event.
  • Text inside link is not sanitized anymore
  • Add iconClasses option.
  • Add useFileName option.
  • Add Estonian translation.

What is new in version 1.2.6:

  • Reflect in UI the disable state.
  • Placeholder has no longer italic style.
  • Default linkAutoPrefix value is empty string instead of false.
  • Popups are closed when the window is resized.
  • Enter is no longer copying the style of the previous block element.
  • Allow video preview in all browsers.
  • Check TAB by testing the charCode instead of the string itself.
  • Improve Russian translation.

What is new in version 1.2.5:

  • Improve overall typing when paragraphy option is false.
  • Add linkAutoPrefix option.
  • Improve cleaning algorithm
  • Submit popups by hitting ENTER.
  • Close popups when hitting ESC.
  • Add defaultTag as experimental.
  • Style tag is no longer allowed in order to prevent XSS.
  • Text is the default selection in the colors dropdown.
  • Add foreColors option.
  • Add backColors option.
  • Add defaultColorOption option.
  • Add backColorsDisabled option.
  • Add foreColorsDisabled option.
  • Improve plain paste.
  • Improve coping text within the editor.
  • fr-tag is no longer added by default. useFrTag should be used instead.
  • editable.imageInserted event has one more param, response, that contains the unprocessed response from the server
  • Extra <p> tags are no longer added in list items.
  • Add customImageButtons option.
  • Add option showNextToCursor.
  • Add multiLine option.
  • Upload files by drag and drop directly in the editor.
  • Replace CTRL + F shortcut by CTRL + E.
  • Improve URL sanitizer.
  • Add URLs plugin that would automatically convert URLS.
  • Add fullscreen plugin.
  • Basic iframe support.
  • Add Ukrainian language.
  • Improve Norwegian language.
  • Add scrollableContainer option.
  • Add defaultImageAlignment option.
  • Add defaultVideoAlignment option.
  • Improve undo/redo saving performance
  • allowedEmptyTags tags is no longer available.
  • allowedBlankTags should be used to allow empty tag that don't have any attributes.
  • Add inline_styles plugin.
  • Add useClasses option.
  • Add image options to display as inline or break text.
  • Change image handlers design.
  • Add align button for image as a dropdown.
  • floatImageLeft, floatImageNone and floatImageRight buttons were removed. align button should be used instead.
  • Add textNearVideo option.

What is new in version 1.2.3:

  • Improve events managing mechanism.
  • Improve syncing and undo manager.
  • Improve pasting focus.
  • defaultImageWidth option is ignored if it is set to 0.
  • Add setDirty method.
  • blockTags option accepts more tags now.
  • Improve Word pasting.
  • Improve insertHTML method.
  • Improve floating toolbar when fixedToolbar option is false.
  • Improve button click experience on mobile devices.

What is new in version 1.2.2:

  • Add char_counter plugin.
  • Review list of allowedAttributes.
  • Review list of allowedTags.
  • Add beautifyCode option.
  • Add onPaste event.
  • Add granular control for shortcuts: shortcutsAvailable option.
  • Add convertEmailAddresses option.
  • Improve UX for inserting link.
  • Add badLink event.
  • Paste improvements in all browsers
  • Moving images now works in IE too.
  • Add pasteImage option.
  • Improve cleaning.
  • Add royal theme.
  • Add refresh and refreshOnShow options for custom dropdowns.
  • Add refresh option for custom buttons.
  • Show loader when image is inserted by link.
  • Add videoAllowedAttributes and videoAllowedTags.
  • Allow undo/redo without buttons.
  • Add imageTitle option.

What is new in version 1.2.0:

  • New algorithm for working with lists.
  • Nested lists.
  • Lists are now a plugin.
  • File Support.
  • Improve code readability.
  • Add button to remove the background color.
  • Add button to remove the text color.
  • Improvements to theme file.
  • Add red theme.
  • Add gray theme.
  • Add link when there is no text selected.

What is new in version 1.1.9:

  • Fixed bugs:
  • Word paste.
  • Start with fontSize in Webkit browsers.
  • Cleaning RegEx fixes.
  • Page flickering on paste.
  • Cursor position on paste in Webkit browsers.

What is new in version 1.1.7:

  • Save/Restore selection works for multiple ranges.

What is new in version 1.1.6:

  • Tables.
  • Insert video by URL.
  • Speed improvements.
  • Add support for IE8.
  • Improvement to Android support.
  • Improve mobile popup positioning.
  • Add simpleAmpersand option.
  • Add imageLink option.
  • Improvements to German languages.
  • Beautifier is used as a separate lib and is no longer available by default.
  • Add maxHeight option.
  • Default is no longer available as default, but options can be toggled.
  • inverseSkin is replaced by theme option.
  • Theme CSS file.
  • Improve HTML output.
  • Improve Italian language translation.
  • Start in color/font size.
  • Allow user to return error from server for image.
  • Replace invisible space with BR tag.
  • Improve French translation.
  • Add saveRequestType option.
  • Callbacks from images get jQuery object as parameter instead of src.
  • Clean HTML with regular expressions instead of jQuery code.
  • Editor can be initialized on image.
  • Editor can be initialized on link.
  • Option to edit the text from the DOM element in a popup.
  • Pass a default list of links to choose from.
  • Add option to open the link in another tab.
  • Add disableRightClick option.
  • Add blockStylesToggle option.
  • Add trackScroll option.
  • Add unlinkButton option.

What is new in version 1.1.5:

  • Add focus method.
  • Show editor on right click.
  • Editor can now be initialized on image.
  • imageUploadToS3 option to upload to Amazon S3.
  • imageUpload option to disable image upload.
  • customDropdowns option to customize dropdowns.
  • blockStyle command to set a custom blockStyle.
  • blockStyles option to set specific blockStyles.
  • defaultBlockStyle option to set default available block styles.
  • Improve destroy method.
  • Improve placeholder support.
  • Improve coding mode.
  • Improve new line in code and blockquotes.
  • Set media manager to always expect JSON and not text.
  • Update to FontAwesome 4.1.0.
  • Replace paragraph icon.
  • Replace color icon.
  • Add fontFamily button in toolbar.
  • Add blockStyle button in toolbar.
  • Add html button back in toolbar.
  • Allow URLs starting with # and /.
  • Sync when image is dropped.

What is new in version 1.1.4:

  • Move writeVideo to its own method.
  • Improve wrapping support.
  • Improve getHTML method.
  • Improve block formatting.
  • Setting background color would take into consideration parents too.
  • Improve contentChangedCallback support.
  • Remove invisible characters when saving the HTML.
  • Add isActive method to check if command is active.
  • Improve undo mechanisms.
  • Media manager for images.
  • Add zIndex option.
  • Minimum for autosaveInterval was changed to 100.
  • Improve for XSS support.
  • Improve insertHTML method.
  • saveURL is no longer required to trigger save.
  • Add image restriction by using allowedImageTypes option.
  • CTRL + Backspace is cutting text.
  • CTRL + ] in indenting text.
  • CTRL + [ is outdenting text.
  • CTRL + " is formatting text as quote.
  • CTRL + \ is formatting text as code.
  • Sync before submitting form.
  • Delete image by hitting delete when it is selected.
  • Hitting enter when image is selecting is getting it down.
  • maxImageSize option to restrict image size before upload.
  • Add defaultImageWidth option to set the image size on insertion.
  • afterRemoveImageCallback is now getting the image src as param.
  • Image remove control improved.
  • Horizontal line command.
  • Font family support.

What is new in version 1.1.3:

  • Custom tags from HTML are no longer removed.
  • minHeight option.
  • removeFormat method.
  • Image is inserted where the cursor is.
  • Undo preserves selection and cursor position.
  • "Please wait" message when uploading image.

What is new in version 1.1.2:

  • Added:
  • textNearImage option.
  • imageButtons option.
  • alwaysVisible option.
  • noFollow option.
  • alwaysBlank option.
  • plainPaste option.
  • Icons option.
  • Callbacks for pasting.
  • getText() method.

What is new in version 1.1.0:

  • Added languages support (28 languages).
  • Inverse skin colors.
  • Blockquote has quote at the beginning.
  • Additional parameters to image upload request.
  • Additional parameters to save request.
  • Video support.
  • Custom buttons in toolbar.
  • Paragraphy option.

What is new in version 1.0.6:

  • Improve IE 11 support for inline editor.
  • Placeholder works like placeholder from HTML5.
  • Allow image move in editor by setting option imageMove.
  • Add save button.
  • Tooltip and messages text can be customized through customText option.
  • Toolbar may stay at the top or move along with the scroll.
  • Option to strip <script> tag.

What is new in version 1.0.5:

  • Picture popup stays active when you click a button from it.
  • Improve list support.
  • Cleanup after link/unlink.
  • Editor gets active when you release mouse outside it and there is a selection.
  • Update placeholder style.
  • Gethtml method cleans up the returned HTML.

What is new in version 1.0.4:

  • Improve touch support.
  • Fixed list issues.
  • Hitting tab will insert 4 blank spaces.
  • Disable image drag in order to prevent loosing text formatting.

What is new in version 1.0.3:

  • Image upload on http://uploads.im.

Requirements:

  • JavaScript enabled on client side
  • jQuery 1.10.2 or higher

Similar Software

Penplate
Penplate

13 Apr 15

wysihtml for Rails
wysihtml for Rails

12 Mar 16

Ponymark
Ponymark

10 Feb 16

UEditor
UEditor

28 Sep 15

Other Software of Developer Froala

Froala Design Kit
Froala Design Kit

13 May 15

Comments to Froala Editor

1 Comments
  • Free or Not free 5 Aug 16
    FE
    Free?
Add Comment
Turn on images!