The next generation Javascript WYSIWYG HTML Editor.

Overview

Froala Editor V3

Build Status npm npm

Froala WYSIWYG HTML Editor is one of the most powerful JavaScript rich text editors ever.

WYSIWYG HTML Editor

Demos

Download and Install Froala Editor

Install from npm

npm install froala-editor

Install from bower

bower install froala-wysiwyg-editor

Load from CDN

Using Froala Editor from CDN is the easiest way to install it and we recommend using the jsDeliver CDN as it mirrors the NPM package.

<!-- Include Editor style. -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />

<!-- Create a tag that we will use as the editable area. -->
<!-- You can use a div tag as well. -->
<textarea></textarea>

<!-- Include Editor JS files. -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/js/froala_editor.pkgd.min.js"></script>

<!-- Initialize the editor. -->
<script>
  new FroalaEditor('textarea');
</script>

Load from CDN as an AMD module

Froala Editor is compatible with AMD module loaders such as RequireJS. The following example shows how to load it along with the Algin plugin from CDN using RequireJS.

<html>
<head>
  <!-- Load CSS files. -->
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.css">

  <script src="require.js"></script>
  <script>
    require.config({
      packages: [{
        name: 'froala-editor',
        main: 'js/froala_editor.min'
      }],
      paths: {
        // Change this to your server if you do not wish to use our CDN.
        'froala-editor': 'https://cdn.jsdelivr.net/npm/[email protected]'
      }
    });
  </script>

  <style>
    body {
      text-align: center;
    }
    div#editor {
      width: 81%;
      margin: auto;
      text-align: left;
    }
    .ss {
      background-color: red;
    }
  </style>
</head>

<body>
  <div id="editor">
    <div id='edit' style='margin-top:30px;'>
    </div>
  </div>

  <script>
    require([
      'froala-editor',
      'froala-editor/js/plugins/align.min'
    ], function(FroalaEditor) {
      new FroalaEditor('#edit')
    });
  </script>
</body>

</html>

Load Froala Editor as a CommonJS Module

Froala Editor is using an UMD module pattern, as a result it has support for CommonJS. The following examples presumes you are using npm to install froala-editor, see Download and install FroalaEditor for more details.

var FroalaEditor = require('froala-editor');

// Load a plugin.
require('froala-editor/js/plugins/align.min');

// Initialize editor.
new FroalaEditor('#edit');

Load Froala Editor as a transpiled ES6/UMD module

Since Froala Editor supports ES6 (ESM - ECMAScript modules) and UMD (AMD, CommonJS), it can be also loaded as a module with the use of transpilers. E.g. Babel, Typescript. The following examples presumes you are using npm to install froala-editor, see Download and install FroalaEditor for more details.

import FroalaEditor from 'froala-editor'

// Load a plugin.
import 'froala-editor/js/plugins/align.min.js'

// Initialize editor.
new FroalaEditor('#edit')

For more details on customizing the editor, please check the editor documentation.

Use with your existing framework

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

  • Chrome
  • Edge
  • Firefox
  • Safari
  • Opera
  • Internet Explorer 11
  • Safari iOS
  • Chrome, Firefox and Default Browser Android

Resources

Reporting Issues

We use GitHub Issues as the official bug tracker for the Froala WYSIWYG HTML Editor. Here are some advices for our users that want to report 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 in the latest master branch version: https://github.com/froala/froala-wysiwyg/tree/master/js.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. A JSFiddle is always welcomed, and you can start from this basic one.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the editor please contact us instead of opening an issue.

Licensing

In order to use the Froala Editor 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.

You might also like...

The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.

The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.

CKEditor 4 - Smart WYSIWYG HTML editor A highly configurable WYSIWYG HTML editor with hundreds of features, from creating rich text content with capti

Dec 27, 2022

An Easy and Fast WYSIWYG Editor

Simditor Simditor is a browser-based WYSIWYG text editor. It is used by Tower -- a popular project management web application. Supported Browsers: IE1

Jan 3, 2023

WYSIWYG editor developed as jQuery plugin

RichText WYSIWYG editor developed as jQuery plugin. Requirements jQuery (v.3+, v.3.2+ recommended) FontAwesome (v.4.7.0 / v.5+) src/jquery.richtext.mi

Dec 30, 2022

A JS library for building WYSIWYG editors for HTML content.

A JS library for building WYSIWYG editors for HTML content.

For information on the ContentTools 2.x roadmap please view the: Roadmap repo ContentTools A JS library for building WYSIWYG editors for HTML content.

Jan 8, 2023

A toolkit for building WYSIWYG editors with Mobiledoc

A toolkit for building WYSIWYG editors with Mobiledoc

Mobiledoc Kit Mobiledoc Kit is a framework-agnostic library for building WYSIWYG editors supporting rich content via cards. Libraries This repository

Jan 3, 2023

A markdown editor. http://lab.lepture.com/editor/

Editor A markdown editor you really want. Sponsors Editor is sponsored by Typlog. Overview Editor is not a WYSIWYG editor, it is a plain text markdown

Dec 19, 2022

Override the rich text editor in Strapi admin with ToastUI Editor.

Override the rich text editor in Strapi admin with ToastUI Editor.

strapi-plugin-wysiwyg-tui-editor ⚠️ This is a strapi v4 plugin which does not support any earlier version! A Strapi plugin to replace the default rich

Dec 23, 2022

A chrome extension which helps change ace editor to monaco editor in web pages, supporting all features including autocompletes.

Monaco-It Monaco-It is a chrome extension turning Ace Editor into Monaco Editor, supporting all features including autocompletes. 一些中文说明 Supported Lan

May 17, 2022
Comments
Releases(v4.0.16)
  • v4.0.16(Nov 22, 2022)

    • Fixed, extra leading and trailing spaces are added to pasted text
    • Fixed, bullets shown behind images when images are set to display inline and aligned left while in a bulleted list
    • Fixed, toggling the OL and UL list buttons creates additional list items.
    • Updated, missing translation in Dutch(nl) language
    • Fixed, editor view port jumps when pressing ENTER key after enabling iframe and heightMax options
    • Fixed, zIndex option is ignored for popups after exiting fullscreen mode
    • Fixed, pasted rich content in safari does not work as expected
    • Fixed, issue with number formatting in the table
    • Fixed, drop-down menu does not stays active when we use a drop down scroll from a mouse click
    • Fixed, embedded Google Documents are deleted when deleting text in the next row
    Source code(tar.gz)
    Source code(zip)
  • v4.0.15(Oct 11, 2022)

    • Fixed, the width on the image tag doesn't change when adjusting the size of the image after adding caption.
    • Fixed, deleting last character on a line makes cursor jump to previous line with ENTER_BR config.
    • Fixed, fontSizeUnit does not work when pasting from MS Excel.
    • Fixed, XSS in the Markdown feature.
    • Fixed, the table structure gets broken when clicking on table after pasting from MS word.
    • Fixed, Font Family get's reset when pressing enter even after enabling keepFormatOnDelete option
    • Fixed, BackSpace removes extra BR from editor content.
    • Fixed, the increase and decrease indent is not working with Ordered List.
    • Fixed, crash when editing content: Uncaught TypeError: Cannot read property 'classList' of null.
    Source code(tar.gz)
    Source code(zip)
  • v4.0.14(Aug 24, 2022)

    • Fixed, the increase and decrease indent is not working fine with Quote
    • Fixed, XSS when setting external content via setModel on React
    • Fixed, cannot read property row of undefined while moving a text/image outside from a table
    • Fixed, pressing enter on a link at the end removes the whole fr-view element
    • Fixed, toolbar options disabled while selecting table column using keyboard
    • Fixed, returning a string from the paste.beforeCleanup event is being ignored
    • Fixed, pressing backspace after placing cursor at the end does not work as expected
    • Fixed, XSS issue with iframe
    • Fixed, removing header from outer table removes header for all nested tables
    Source code(tar.gz)
    Source code(zip)
  • v4.0.13(Jul 8, 2022)

    • Fixed, copy-paste some standard text within editor on Chrome browser is adding a span tag with a lot of styles
    • Fixed, formatting loses on text when using arrow keys to place the cursor
    • Fixed, the bold styling is lost when entering the empty line
    • Fixed, the decrease indent is not working with table
    • Fixed, the edit pop-up does not appear when the video tag is at the top
    • Fixed, Quick Insert Button is not shown when enter: Froala Editor.ENTER_BR is enabled
    • Fixed, XSS on image url input field
    • Fixed, toggling between basic formatting like bold, italic, underline etc; causing other styles applied get reset
    • Fixed, pasting content from word causing unexpected HTML in editor
    Source code(tar.gz)
    Source code(zip)
  • v4.0.12(Jun 8, 2022)

    • Fixed, cannot remove the bordered style from an image when there's an image caption
    • Fixed, adding link on existing text inserts link at wrong position when editor is configured as htmlUntouched
    • Fixed, text selection is not working when Froala Editor is used inside a HTML table
    • Fixed, editor popups and tooltips are not displayed correctly when using inside dialog element
    • Fixed, unable to remove <br> tags using backspace when enter option is set to FroalaEditor.ENTER_BR
    • Fixed, email and URL in plain text are not converted as link while pasting content in editor
    • Fixed, wrong inline border style is applied on <td> elements of a table when reading the value/html of Froala editor
    Source code(tar.gz)
    Source code(zip)
  • v4.0.11(May 9, 2022)

    • Fixed, can't navigate with up/down arrows within a table when html is wrapped
    • Fixed, XSS vulnerability in [insert video]
    • Fixed, Iframe and script tags being removed even when htmlRemoveTags option set as empty
    • Fixed, pasting formatted tables from editor to excel is not working as expected
    • Added option to set footer for table
    • Fixed, edit.off method does not work as expected when using initOnClick option
    • Fixed, embedding Vimeo videos with privacy doesn't work in the editor
    • Fixed, "ZeroWidthSpace" appending when removing text in the editor
    • Fixed, pressing backspace does not remove formatted text when using the ENTER_BR option
    • Fixed, content lose formatting while pasting content from libre office
    • Fixed, unable to type after inserting an image to the editor on mobile devices
    • Fixed,the scroll moves from bottom to the top and lose its place when applying the "highlight" or "color text" option on text
    • Fixed, if useClasses is disabled, fr-bordered, fr-rounded and fr-shadow are not translated to the inline style
    • Fixed, applying clearFormatting on links, duplicates the link itself
    Source code(tar.gz)
    Source code(zip)
  • v4.0.10(Mar 15, 2022)

    • Fixed, paragraph getting created when setting cursor markers before a table
    • Fixed, applying bold/italic formatting on a sentence causing the first item in the bullet list next to the sentence is also getting format in bold/italic
    • Fixed, cannot read property 'nodeType' of null
    • Fixed, unable to remove paragraph before or after a table
    • Fixed, insertLink button remains active after toggling from editLinkPopup
    • Fixed, line height not working when using FroalaEditor.ENTER_BR
    • Fixed, clicking on the image shows the popup modal in wrong position
    • Fixed, horizontal scroll is hidden after pasting large content
    • Fixed, buttons getting disappeared when configuring "videoInsertButtons" from default buttons
    • Fixed, misplaced line breaks inside list block are considered as list items
    • Fixed, applying font size on selected text applies the formatting to the whole content
    • Fixed, React: Undo stack gets reset every time the model changes externally
    • Fixed, the content is hidden behind the bottom toolbar
    • Fixed, pressing URL-button on imageEditPopup causing the whole popup moves from the center of the image to the left
    • Fixed, inline toolbar takes full width of the editable content
    • Fixed, copy/paste image within editor not working in Firefox
    • Fixed, video upload get's stuck on loading video message when uploading multiple videos
    Source code(tar.gz)
    Source code(zip)
  • v4.0.9(Feb 1, 2022)

    • Track changes is disabled in the default package and it can be enabled by including the plugin file separately.
    • Fixed Froala - Knockout Framework integration issue
    • Fixed Froala - Craft CMS integration issue
    • Fixed, background color getting added for copied image with transparent background
    • Fixed, the first character cannot be converted to Japanese when typing on new line after formatted text
    • Fixed, horizontal scroll is hidden after pasting large content
    • Fixed, errors shown while applying style for content including not-editable in selection
    • Fixed trackChanges button group does not expand when using multiple editor instances
    • Fixed, blockquote does not work when ENTER_BR is used
    • Fixed, track changes enabled without the sub-menu appearing when the editor is initialised with trackChangesEnabled option set true
    • Fixed, new empty paragraph gets created when user clicks on any of the formatting buttons, if the list items are wrapped
    • Fixed, error shown in console if tried to resize editor and expand more toolbar when the track changes plugin is not enabled
    • Fixed, markdown content not converting as numbered list when there is a bulleted list exist and try to create a numbered list
    • Fixed, Backspace does not remove text when text contains multiple formatting
    • Fixed, Removing a sentence after a BR tag, does not remove the BR tag
    Source code(tar.gz)
    Source code(zip)
  • v4.0.8(Dec 20, 2021)

    • Fixed TrackChanges to work with toolbarContainer option
    • Fixed full screen view to work with inlineToolbar mode
    • Fixed selection/cursor position for text styling to work when htmlUntouched is enabled
    • Fixed high level security vulnerability in dependent packages for Node
    • Fix to extend reported textfield CSS selector for input type="number"
    • Fixed, Uncaught TypeError: Cannot read property 'split' of null while enable editor on image
    • Fixed issue, toggling between list items causing paragraph elements removed, when multiple paragraph items are wrapped inside a DIV tag
    • Fixed to handle paste and match style option in Safari browser
    • Fixed issue, cursor jumps unexpectedly when using multiple editors with toolbarInline and toolbarVisibleWithoutSelection
    Source code(tar.gz)
    Source code(zip)
  • v4.0.7(Nov 22, 2021)

    • Fixed issue with pasting multiple lines of plain text, the second and subsequent lines will be separated by br instead of DIV
    • Fixed issue, cannot upload multiple images on FireFox
    • Fixed issue, cannot switch between basic formatting on a mobile device
    • Fixed nested list from Google Docs breaks if the user presses the Enter button
    • Fixed heightMin option does not work with the markdown feature
    • Fixed issue, text getting deleted when accepting changes of background color on text
    • Fixed drag inline not working on Firefox
    • Fixed view jumps to the top when pasting content in editor after adding the CSS transform property
    • Fixed, bullet outdent/indent does not work as expected with multiple list items
    • Fixed issue, cannot delete images when enabling the trackChanges
    • Fixed issue, Uncaught TypeError: r is undefined when resizing the window on Firefox
    • Fixed issue, select all and delete not working in android with PYTHON-FLASK
    • Fixed issue, text deletion is not getting tracked in Froala editor with Knockout
    • Fixed, Table and cell styles are not applying on pasted tables from MS word
    • Fixed, Froala Editor removes multiple characters when pressing backspace
    • Fixed, contentChanged event does not trigger when pasting an image
    Source code(tar.gz)
    Source code(zip)
  • v4.0.6(Oct 14, 2021)

    • Fixed the issue Outdent button is not enabled after indent when enabling Iframe option
    • Fixed ENTER_DIV does not work as expected when enter between a sentence
    • Fixed the issue empty space appears on copy pasting from Google sheets
    • Fixed the issue link carries through to the first character of the new first list item
    • Fixed, lists behave strangely when <p> inside <li>
    • Fixed issue with pasting content from notepad, Applying font-size on pasted content does not work as expected when pastePlain and htmlUntouched options are enabled
    • Fixed, TypeError: Cannot read property 'contains' of null
    • Fixed the issue progress bar gets hidden if the editor is resized while a large file is uploading
    • Fixed issue throwing error, "Cannot read property 'tagName' of undefined" when htmlUntouched option enabled and press delete on content in some scenarios
    • Fixed issue editor freezes/crashes when selecting table cells
    • Fixed issue link getting removed on image when toggling between an image caption and start typing
    • Fixed issue cannot upload .msg files even after configuring the correct MIME type
    • Fixed issue next textbox gets inside the focused textbox while pressing delete button on a bulleted sentence
    • Fixed html.getSelected() method to work correctly with ENTER_BR or ENTER_DIV options
    • Fixed issue inserting youtube videos with the autoplay option doesn't work
    • Fixed issue editor lags when its content is selected
    • Fixed issue space after text getting removed when using keyboard shortcuts to enable and disable the basic commands (bold, italic, underline)
    • Fixed issue with selected styles (font size, font family, font color) getting reset while toggle the "Bold" tool
    • Fixed issue applying bold, italics and underline commands leaves ZeroWidthSpace on text
    Source code(tar.gz)
    Source code(zip)
  • v4.0.5(Sep 17, 2021)

    • Fixed the issue editor scrolls down if the user clicks the Enter or Backspace in iframe mode
    • Fixed issue with applying formatting on single word, Sometimes the editor applies formatting on whole paragraph or last word in firefox browser
    • Fixed adding caption to an image having inline text, the text incorporates within the image
    • Fixed Uncaught TypeError: Cannot set property 'more_btn' of undefined
    • Fixed issue pasting content from word containing bold, underline and italic text does not retain formatting
    • Fixed images won't paste into editor when imageUploadURL is specified
    • Fixed images in base64 format lose their alignment issue
    • Fixed uncaught exception when removing a table row
    • Fixed the pasted table always has borders in iframe mode
    • Fixed Table Edit Popup doesn't appear when selecting all cells when one of the table cell contains text in it.
    • Fixed issue editor cannot be initialised for the second time with ng-if directive
    • Fixed Clear formatting command does not work with some block tags elements, e.g( <h1>, <h2>, <pre>.)
    • Fixed the Indent/Outdent buttons does not work as expected
    • Fixed pasting lists from MS word is broken in IE11
    • Fixed the prompt moves down 2-3 lines when the htmlUntouched option is set to true and the font is changed
    • Fixed the issue keepFormatOnDelete prevents the creation of an empty paragraph
    • Fixed editor component returns empty divs when testing jest enzyme
    • Fixed inserting image through quick insert, does not show in track changes
    • Fixed copy and pasting a table with multiple images as base64, some of the images gets displayed twice
    • Fixed switching off the formatting button clears formatting and cursor jumps to the beginning issue on Android
    • Fixed the editor loses focus when undo after pasting a hyperlink
    • Fixed ParagraphFormat: Object doesn't support property or method 'includes' issue in IE
    Source code(tar.gz)
    Source code(zip)
  • v4.0.4(Aug 2, 2021)

    • Fixed, Reject Single Change icon is rejecting multiple changes in one click
    • Fixed, Iframe: ImageEdit popup does not appear on images when initializing the editor with predefined height.
    • Fixed, Enter_BR: Multiple characters gets deleted on backspace
    • Fixed, can't type text after pasting image
    • Fixed, pasting a image from MS word causes the editor to freeze.
    • Fixed, deleting list from table cell deletes the cell itself
    • Fixed, uploading SVG image to server, displays the image twice in the editor
    • Fixed, buttons group dropdown stopped working.
    • Fixed, the clearFormatting command does not remove style attribute
    • Fixed, after clicking on image in specific scenario the image edit popup does not appear properly
    • Fixed, pasting from Word breaks in Safari
    • Fixed, the Underline and Strikethrough styles are not working properly after highlighting text.
    • Fixed, editor scrolls to bottom on enter/backspace
    • Fixed, Froala editor scrolls up if you use enter in table
    • Fixed, IE: Remove button on textColor and backgroundColor doesn't works
    • Fixed, if user uploads PDF file via Files Manager, it is inserted into the iframe element with fr-video class
    • Fixed, Markdown: Code blocks should render the spacing, newlines, tabs and formatting.
    • Fixed, inserting image with fr-fir class and inserting caption destroys the imagEditPopup
    • Fixed, when replacing youTube video with a video from upload video, The interface throws an error.
    • Fixed, if the iframe is enabled, popups do not close if the user clicks outside the editor
    • Fixed, ENTER_BR feature
    • Fixed, when fullPage & heightMin options is enabled scroll bar doesn't appear
    Source code(tar.gz)
    Source code(zip)
  • v4.0.3(Jul 6, 2021)

    • Fixed selection lost issue on Safari while focusing the toolbar by keyboard shortcut (alt+F10)
    • Fixed the video preview issue on Safari browser
    • Fixed the issue with copy/paste base64 image from editor to editor on Safari browser
    • Fixed selection lost issue with custom popup
    • Fixed issue inserting text followed by a line break into the editor, The editor ignores the line break(<br>)
    • Fixed issue with bullet Indent/Outdent
    • Fixed embedded Twitter content is missing issue
    • Fixed issue pasting Images with some text from MSword gets pasted twice when setting the option wordPasteModal: false
    • Fixed issue with removing the 'videoReplace' and 'autoplay' buttons from the Video Edit popup
    • Fixed issue with createing list in iframe mode in IE11 browser
    • Fixed issue IE11: Object doesn't support property or method 'matches'
    • Fixed issue dropdowns has a horizontal scroll in Safari (Mac)
    • Fixed error on applying inline styles on content with nested spans in IE11 browser
    • Added translation for Table Styles and Cell Styles options
    • Fixed issue toolbar buttons disappear when replacing the image caption
    • Fixed the progress bar geting hidden issue if the editor is resized while a large file is uploading
    • Fixed issue table edit popup not opened after wrapping the table in a div tag
    Source code(tar.gz)
    Source code(zip)
  • v4.0.2(Jul 3, 2021)

    • Fixed extra space getting added after we write a line and press enter
    • Fixed when copy paste list item it pasted at place where we copied
    • Fixed when applying style , unable to click outside that style area
    • Fix when applying paragraph style and formatting like borders, the two lines appear instead of one
    • Fixed, menu gets hidden after track changes bar
    • Fix for Two vertical split labels that get shown
    • Fixed , when formatting changes are rejected, the highlighted text duplicates itself
    • Fixed, continuous deletion from 1 paragraph to another not working properly
    • Fixed, unexpected letters is adding while we write something
    • Fix in Markdown plugin , when we press enter the above text get change
    Source code(tar.gz)
    Source code(zip)
  • v4.0.1(Jun 7, 2021)

    • Fix for Track changes Toolbar sometimes not opening in Froala website
    • Fix for Table, tbody, tr, td having generic styling
    • Fix for CSS style rules for some elements which were broken
    Source code(tar.gz)
    Source code(zip)
  • v4.0.0(Jun 1, 2021)

    • Enable / Disable Track Changes
    • Show / Hide Track Changes
    • Accept Single Change feature in Track Changes
    • Reject Single Change feature in Track Changes
    • Accept ALL Changes feature in Track Changes
    • Reject ALL Changes feature in Track Changes
    • Markdown Support
    Source code(tar.gz)
    Source code(zip)
  • v3.2.7(May 18, 2021)

    • Fixed Froala editor scrolls up if you use enter in table
    • Fixed Enter_BR: Multiple characters gets deleted on backspace
    • Fixed space getting removed between link and text when loading the content with html.set method
    • Fixed uncaught TypeError: Super expression must either be null or a function, not undefined
    • Fixed , with htmlUntouched the empty character is deleted
    • Fixed blur fires if the user clicks a toolbar button in Mobile
    • Fixed , when attribution: false in Froala v3 editor appearance looks odd
    • Fixed , user cannot link the selected word if the enter option is set to BR
    • Fixed, dropdowns has a horizontal scroll in Safari (Mac)
    • Fixed, current instance loses the focus if the user clicks on the button of the shared toolbar
    • Fixed , char counter is missing when the inlineToolbar is enabled
    • Fixed, Ionic4: toolbarBottom option doesn't work
    • Fixed, cannot upload .svg image in the editor
    • Fixed, update State in functional component
    • Fixed , ImageEdit popup doesn't appear on mobile devices
    • Fixed, external javascript is not executing in the editor
    • Fixed, replace fill-available to stretch, because spec had been changed
    • Fixed, uncaught TypeError: Cannot read property 'length' of undefined
    • Fixed, MS SharePoint integration support
    • Fixed, keyboard issue on IOS device running a ionic/capacitor app on angular
    • Fixed, editor cannot be initialized for the second time with ng-if directive
    • Fixed, After setting contenteditable false, can still select the text apply features(like bold) from toolbar
    • Fixed, click on the Clean button should remove all formatting
    • Fixed, form tag removed when editor is itself contained with a form
    • Fixed, pasting a numbered list from Word resets numbers to 1
    • Fixed, pressing backspace on quoted area which contains fr-inner class, removes the whole quoted area or content.
    • Fixed, Content gets deleted on the Enter click in Safari
    • Fixed, adding image caption adds empty P tags on the above and below of the image
    • Fixed, wordPaste plugin unconditionally removes empty table cells in Chrome
    • Fixed, cannot apply an option from the dropdown
    • Fixed, image alignment does not work as expected
    • Fixed, method events.focus() does not work
    • Fixed , TypeError: Cannot read property 'classList' of null
    • Fixed, editTable popup doesn't appear on mobile devices
    • Fixed, TypeError: Cannot read property '0' of undefined
    • Fixed, after pasting the image, the user cannot type
    • Fixed Uncaught TypeError: Cannot read property 'hasOwnProperty' of null
    • Fixed, Unexpected behavior with style height: 100vh in the content when fullpage option is enabled
    • Fixed, quick insert button shows half after adding a table in fullscreen mode
    • Fixed , xss vulnerability issue
    Source code(tar.gz)
    Source code(zip)
  • v3.2.6-1(Feb 5, 2021)

    • Fixed Method events.focus() does not work.
    • Fixed Missing translation es, pt_pt, ko, pl, it.
    • Fixed Cannot insert the Font Awesome icon.
    • Fixed The preformatted text (pre tag) loses its formatting if it's pasted into the editor.
    Source code(tar.gz)
    Source code(zip)
  • v3.2.6(Jan 25, 2021)

    • Fixed Spell checker not working and missing Image Advanced Edit button in Node JS SDK
    • Fixed Unable to load any images or files Python Flask SDK
    • Fixed Upload Video not working in Rail SDk
    • Fixed On opening an uploaded file throws "HTTP status 404-Not Found" in Java SDK
    • Fixed Unable to upload images in Java SDK
    • Fixed On opening an uploaded file throws "Template is missing" in Rail SDK :
    • Fixed Image upload throwing error for "By Url and Upload Image" under 2nd & 3rd section of Editor in Node js SDK
    • Fixed Video upload throwing error for "By Url and Embed code" on Console for Save disk section in Node js SDK
    • Fixed Unable to Upload Images,videos and files under S3 editor in Python Flask SDK:
    • Fixed File upload not working for files other than pdf in .NET SDK
    • Fixed Unable to upload images through Browse option and Sample-2 Editor(Resize on Server) in Node js SDK
    • Fixed Unable to Upload the Files from File Manager Plugin in Python Flask SDK
    • Fixed Unable to remove file from disk when image is deleted from the Accept only JPEG images in Ruby SDK
    • Fixed Video are not playing under Firefox in Ruby SDK
    • Fixed Help plugin UI not inline in knockout framework
    • Fixed Color plugin issue in WordPress framework
    • Fixed Undo.saveStep() not working with React when inserting content without focusing editor
    • Fixed componentWillMount hook deprecated
    • Fixed Cell height of table not proper in CakePHP 3
    • Fixed Insert link plugin is not working properly in CakePHP 3 framework
    • Fixed Quote plugin not working properly in CakePHP 3 framework
    • Fixed Froala editor not coming up in fullscreen mode in CakePHP 3 framework
    • Fixed Paragraph format UI is different from other framework/froala editor in Yii Framework
    • Fixed Codeview not working properly in WordPress framework
    • Fixed Line Breaker not showing break icon on mouse hover at the bottom of the table In Aurelia Webpack
    • Fixed Quick insert option is not working in normal screen mode but working in full screen mode
    • Fixed Unable to access to the AppComponent members in Angular2+
    • Fixed Selection box is misplaced for embeded link in Knockout frame work
    • Fixed GatsbyJS support issue
    • Fixed Setting the content with ng-repeat, events are undefined in Angular1
    • Fixed user can't scroll with mouse wheel when editor is inside DevExpress popup
    • Fixed Unable to drag an image under Firefox in Word Press
    • Fixed Embed URL ,Advanced Edit in Image TUI, Code Beautifier not working in WordPress
    • Fixed Heading 2 does not appear with underline in paragraph formatting in WordPress
    • Fixed Maximize screen does not change the symbol to 'Restore' after maximizing E in WordPress
    • Fixed Spell checker and Image TUI not working Aurelia Integration Webpack Framework
    • Fixed Error when trying to show the editor after it is hidden, if options are defined in Angular1
    • Fixed missing plugins when Froala is imported from the vue-froala-wysiwyg,
    • Fixed quick insert not working in both master and v3 in angular framework
    • Fixed Copy-Paste options through shortcut keys not working properly in Django framework
    • Fixed Download pdf not working - across all frameworks
    • Fixed Copy paste not working as expected in Knockout framework
    • Fixed Insert link by short-cut(ctrl-k) is not working if text is not provided in URL addition.(same in master also)
    • Fixed Quick insert not visible in both master and V3 in Angular 2
    • Fixed entities plugin in Yii framework
    • Fixed Image_TUI issue across all Frameworks
    • Fixed No colors for different attributes in code view(meteor and cake2)-across all Frameworks
    Source code(tar.gz)
    Source code(zip)
  • v3.2.5.2(Jan 19, 2021)

    • Fixed Cannot apply an option from the dropdown
    • Fixed Cannot insert the Font Awesome icon
    • Fixed Inserting image is always added to the top instead of the cursor position
    Source code(tar.gz)
    Source code(zip)
  • v3.2.5-1(Jan 6, 2021)

    • Fixed Cannot apply an option from the dropdown
    • Fixed Image alignment does not work as expected
    • Fixed Uncaught TypeError: Cannot read property 'hasOwnProperty' of null
    • Fixed additional scrollbar appears if the editor height is less than 600px
    • Fixed Edit.off() method stopped working in V3.2.1
    • Fixed Method events.focus() does not work
    • Fixed The editor scrolls down if contains a lot of content
    Source code(tar.gz)
    Source code(zip)
  • v3.2.5(Dec 15, 2020)

    • Fixed Uncaught TypeError: Cannot read property 'row' of undefined
    • Fixed The imageDefaultMargin gets ignored
    • Fixed Cannot read property 'getBoundingClientRect' of undefined
    • Fixed Error when style tag includes comments on macOS
    • Fixed Method events.focus() does not work
    • Fixed toolbarButtons are not responsive to the window size
    • Fixed When font_awesome_5 is used, some font awesome icons are not visible
    • Fixed Quick insert icon is partially truncated
    • Fixed Tab can't move the text inside br tags (v3)
    • Fixed Entering hit Froala does not scrolls down to the view port
    • Fixed toolbar.esc' event doesn't trigger before hiding the toolbar on pressing Esc key
    • Fixed contentChanged event is triggered before binding is updated
    • Fixed Chrome and Tribute.js: Can't make a selection with arrows/enter inside the table
    • Fixed PastePlain option doesn't work when content form the website is pasted
    • Fixed JS error on copy-paste styled list in IE
    • Fixed File Manager popup appears automatically
    • Fixed The editor scrolls down if contains a lot of content
    • Fixed Edit.off() method stopped working
    • Fixed Uncaught ReferenceError: replace is not defined
    Source code(tar.gz)
    Source code(zip)
  • v3.2.4(Dec 9, 2020)

    • Fixed Uncaught TypeError: Cannot read property 'row' of undefined
    • Fixed The imageDefaultMargin gets ignored
    • Fixed Cannot read property 'getBoundingClientRect' of undefined
    • Fixed Error when style tag includes comments on macOS
    • Fixed Method events.focus() does not work
    • Fixed toolbarButtons are not responsive to the window size
    • Fixed When font_awesome_5 is used, some font awesome icons are not visible
    • Fixed Quick insert icon is partially truncated
    • Fixed Tab can't move the text inside br tags (v3) -Fixed Entering hit Froala does not scrolls down to the view port
    • Fixed toolbar.esc' event doesn't trigger before hiding the toolbar on pressing Esc key
    • Fixed contentChanged event is triggered before binding is updated
    • Fixed Chrome and Tribute.js: Can't make a selection with arrows/enter inside the table
    • Fixed PastePlain option doesn't work when content form the website is pasted
    • Fixed JS error on copy-paste styled list in IE
    • Fixed File Manager popup appears automatically
    • Fixed The editor scrolls down if contains a lot of content
    • Fixed Edit.off() method stopped working Fixed Uncaught ReferenceError: replace is not defined
    Source code(tar.gz)
    Source code(zip)
  • v3.2.3(Oct 29, 2020)

    • Fixed XSS Vulnerability in WYSIWYG HTML Editor
    • Fixed Edit.off() method stopped working in 3.2.1
    • Fixed popups.setContainer() , throws error if custom container is used
    • Fixed Disabling bold and italic makes already inserted content unformatted
    • Fixed Triple click selection inside the table in Chrome Browser
    • Fixed the ng-model as it was not work properly with ng-required directive
    • Fixed removing the link also removes the title
    • Fixed In case of table inside the table, user can't select bolded text
    • Fix for New div tags get created on Enter click if the cursor is inside the div element
    • Fix for Links and input fields are editable even if contenteditable attr is set to false
    • Fix for The preformatted text (
       tag) loses its formatting if it's pasted together with other content
    • Fix for Delete key stopped working if the enter option is defined as enter
    • Fix for reported XSS vulnerability in Froala Editor
    • Fixed, Froala_editor.css in case of any broken applications
    • Fixed, after deleting the last character, text styling is lost
    Source code(tar.gz)
    Source code(zip)
  • v3.2.2(Sep 14, 2020)

    Bug Fixes

    • Fixed Security issue: XSS via pasted content • Fixed Inputs on popups on mobile is not working • Fixed User cannot change the type of the nested list item • Fixed Aurelia plugin issues • Fixed editor load issue in Safari • Fixed backward slash urls issue • Fixed DOMException: Blocked a frame with origin...from accessing a cross-domain frame • Fixed SecurityError: Permission denied to access property "document" on cross-origin object • Fixed Problem with one of the polyfill in IE11 • Fixed Froala formats more than the selected text in IE11 in iframe mode • Fixed Dropdown Selection Scrolls to top of Page in IE11 • Fixed issue when inserting an image from image manager it loses data-* attributes • Fixed to show both Height and width in the change size pop-up when uploaded new image

    Source code(tar.gz)
    Source code(zip)
  • v3.2.1(Aug 4, 2020)

    Bug Fixes

    • Fixed Inserting images 1st image replaces the second(newly) added image when clicking outside image within editor when image is focused
    • Fixed Back button is missing in image replacement option
    • Fixed Shadow is not applied to inserted image
    • Fixed Can't type text after adding image
    • Fixed After setting image to display inline, User is not able to type text, Only way is to press escape key
    • Fixed Can't format more than one image caption
    • Fixed image.replaced event is not getting triggered when image is being replaced using 'Upload Image' and 'By URL' option
    • Fixed imageBack and videoBack buttons are not showing in 'Insert Image' and 'Insert Video' toolbar option
    • Fixed If the imageResizeWithPercent is enabled, user can't insert/edit image captions
    • Fixed Initialized fired before html is ready
    • Fixed Two Froalas on same page with same options but second Froala doesn't update froalaModel (Angular, Vue, React)
    • Fixed Automatically adding extra period after typing out email address
    • Fixed Inserting link fails when linkText is set to false
    • Fixed Pasting content with image between Froala windows drops whitespace in content
    • Fixed Editor buttons get disabled while dragging a image between table cells.
    • Fixed IE11: Missing buttons in image manager
    • Fixed Cursor doesn't retain its position when using a inline class feature
    • Fixed Delete key does not work for images
    • Fixed Removing caption from an image, removes a link as well
    • Fixed Can't select the image that contains the caption and the link
    • Fixed IE11: Object doesn't support property or method 'includes'
    • Fixed YouTube should only suggest videos from the same channel
    Source code(tar.gz)
    Source code(zip)
  • v3.2.0(Jul 21, 2020)

    Version 3.2.0

    • Enhanced Upload Image Feature
    • Image Upload - Drag & Drop/Click and Browse One or More Files
    • Enhanced Image Upload -Drop Image box - header action buttons
    • Enhanced Image Upload - Upload By URL
    • Enhanced Image Upload - Embed Code
    • Enhanced Image Upload - Insert
    • Enhanced Image Upload - Cancel
    • Enhanced Image Upload - Minimize
    • Enhanced Image Upload - Progress bar
    • Enhanced Image Upload - Checkbox
    • Enhanced Image Upload - File Thumbnail / Icon
    • Enhanced Image Upload -File Size
    • Enhanced Image Upload - File Actions - File Checkbox
    • Enhanced Image Upload - File Actions - File Insert
    • Enhanced Image Upload - File Actions - File Edit (only file, not image or video)
    • Enhanced Image Upload - File Actions - File Delete
    • Enhanced Image Upload - File Actions - File View
    • Enhanced Image Upload - File Actions - File Edit - Image
    • Created options and events for File Manager
    Source code(tar.gz)
    Source code(zip)
  • v2.9.8(Apr 30, 2020)

Owner
Froala
Editing software for fast development with better developer and user experience in mind.
Froala
A lightweight HTML and BBCode WYSIWYG editor

SCEditor v3.1.1 A lightweight WYSIWYG BBCode and XHTML editor. For more information visit sceditor.com Usage Include the SCEditor JavaScript: <link re

Sam 566 Dec 23, 2022
A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)

Supporting Trumbowyg Trumbowyg is an MIT-licensed open source project and completely free to use. However, the amount of effort needed to maintain and

Alexandre Demode 3.8k Jan 7, 2023
A powerful WYSIWYG rich text web editor by pure javascript

KothingEditor A powerful WYSIWYG rich text web editor by pure javascript Demo : kothing.github.io/editor The KothingEditor is a lightweight, flexible,

Kothing 34 Dec 25, 2022
A modern, simple and elegant WYSIWYG rich text editor.

jQuery-Notebook A simple, clean and elegant WYSIWYG rich text editor for web aplications Note: Check out the fully functional demo and examples here.

Raphael Cruzeiro 1.7k Dec 12, 2022
Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here. Quill Rich Text Editor Quickstart • Documentation • Development • Co

Quill 34.3k Jan 2, 2023
Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

If you would be interested in helping to maintain one of the most successful WYSIWYG text editors on github, let us know! (See issue #1503) MediumEdit

yabwe 15.7k Jan 4, 2023
Simple, beautiful wysiwyg editor

This repo is no longer maintained. bootstrap3-wysiwyg is much better Overview Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create

James Hollingworth 4.2k Dec 30, 2022
Raptor, an HTML5 WYSIWYG content editor!

Raptor Editor Raptor Editor is a user-focused extensible WYSIWYG website content editor - check out the Demo. It is designed to be user and developer

PANmedia 533 Sep 24, 2022
Super simple WYSIWYG editor

Summernote Super simple WYSIWYG Editor. Summernote Summernote is a JavaScript library that helps you create WYSIWYG editors online. Home page: https:/

Summernote 11k Jan 7, 2023
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

TOAST UI Editor v3 major update planning ?? ?? ?? TOAST UI Editor is planning a v3 major update for 2021. You can see our detail RoadMap here! GFM Mar

NHN 15.5k Jan 3, 2023