By Ritesh Kumar

10 Best jQuery and HTML5 WYSIWYG Plugins

By Ritesh Kumar

HTML5 WYSIWYG (What You See Is What You Get) editors are always high in demand. But there are now so many of them around that it’s hard to find the best ones. In this post I’m going to present 10 of the very best jQuery and HTML5 WYSIWYG plugins, saving you time finding the plugin that fits your needs.

1. Froala


Froala WYSIWYG HTML Editor is easy to integrate and to use. It requires minimal coding knowledge. It requires jQuery 1.11.0 or higher and the iconic font named Font Awesome 4.4.0 . In combination with all the UI and UX features it has, it also comes with a strong defence mechanism against XSS attacks.


  • 34 KB gzipped
  • Inline editing
  • Keyboard shortcuts are available
  • Requires basic HTML and JavaScript knowledge
  • Dark and light theme (can be customised by editing LESS file)
  • Optimised for mobile
  • MS-Word friendly
  • 34 languages are supported including RTL(Right To Left) support

2. ContentTools


ContentTools is a small and beautiful content editor. The library doesn’t use any JavaScript framework or library (not even jQuery) but plays nicely with any of them. The ContentTools package is made up of 5 libraries, each of which can be used independently. It’s designed to be easy to extend.


  • 49 KB gzipped
  • Inline editing
  • Resizing images and videos
  • supports undo/redo

3. Raptor Editor


Raptor Editor is an open source JavaScript WYSIWYG HTML editor designed to be user-friendly and easy to integrate and customise. It is designed for inline editing and is ideal for complex multi-block layouts. It uses the latest technologies including HTML5 ContentEditable and jQuery features including built-in unit tests and a modular, extensible code base and plugin API.


  • Inline editing support
  • Flexible docking options
  • Customisable theme
  • Well documented

4. Aloha


Aloha Editor is a functional content editing library. It allows you to create editing experiences embedded seamlessly in your web application. The major con is that it still doesn’t support image insertion.


  • 142KB size
  • MS-Word friendly
  • Cross browser compatibility
  • Customisable

5. TinyMCE


TinyMCE is a platform independent web-based JavaScript HTML WYSIWYG. It enables you to convert HTML textarea fields or other HTML elements to editor instances. You can upload and manage files on Microsoft Azure, Google Drive, Amazon S3, DropBox and more. It follows the WAI-ARIA specification, making it compatible with screen readers such as JAWS and NVDA. There is also an enterprise solution in which you get prioritized support.


  • Live media embedding
  • Built-in image editing
  • Spell check (enterprise)
  • MS-Word friendly
  • 40+ languages support
  • Robust Cross-Browser Performance

6. bootstrap3-wysiwyg


bootstrap3-wysiwyg is a JavaScript plugin that makes it easy to create simple, beautiful WYSIWYG editors with the help ofwysihtml5 and Twitter Bootstrap.


  • 206 KB minified
  • RequireJS support
  • Custom template for toolbar
  • Custom themes are available
  • Exposes events like load and blur

7. Summernote


Summernote is a text editor based on Bootstrap. There are various themes available for it and they are powered by Bootswatch. There is also a version converted to Material theme named MaterialNote


  • 80 KB JS+CSS
  • Supports Bootstrap 3.x.x
  • Can be easily integrated with Django, Rails or Angular
  • Easily customisable
  • CodeMirror integration

8. CKEditor


CKEditor is a ready-to-use HTML text editor designed to simplify web content creation. It brings common word processor features directly to your web pages.


  • Customised build using CKBuilder
  • MS Word friendly
  • Inline editing
  • Undo/redo support
  • RTL support
  • Supports around 60 languages

9. Trumbowyg


Trusmbowyg is the lightest of all the editors listed here. While all existing WYSIWYG editors are larger than 45kB, Trumbowyg is only 16 KB . It depends on jQuery >= 1.7.


  • Only 16 KB
  • 30+ Localisations

10. Redactor


Redactor is a fast, powerful and extendible editor with a quality support team. It has been around for the last 7 years and is under active development. It also automatically uploads the images to Amazon S3.


  • 75 KB minified
  • Inline text editing
  • CodeMirror support
  • Drag and drop functionality for images
  • Since the editor is plugin-based, it can be easily extended.


In this article I’ve shown you what I think are 10 of the very best jQuery and HTML5 WYSIWYG plugins. I hope this this list will help you in choosing a good text editor for your project and save some time finding the plugin that best fits your needs.

  • cute angel

    Great article.

  • peter

    Which editors work best on mobile devices?

  • Wolf_22

    I’ve always used TinyMCE in my Drupal projects (and a few non-Drupal projects). I like it mostly because of its aesthetics and overall feel (it looks and behaves really well). I have to admit, however, that Froala looks really slick and professional. I wonder if it has the level of community support and contributions that TinyMCE does…?

    • Stefan

      I’m Stefan, co-founder at Froala. We offer tech support as part of the Advanced/OEM licenses by email and we usually answer within few hours. There is a great community for Angular, Ember and Rails plugins of the editor on Github and we’re currently working on a forum/Q&A solution for paid customers.

      For now, we don’t accept 3rd party contributions to the editor and we do all the development internally because it’s easier to prevent adding unwanted bugs this way. We usually make a new release each month and issues are solved in about 2 weeks from when they were reported.

      • Wolf_22

        Thanks for the information, Stefan. The editor really does look nice. You guys have done a great job with it.

  • M S i N Lund

    Which ones are free?

  • Joe the Coder

    Froala open source for $100/$200/$700 … open source though … No 3rd party contributions to/thru git… open source though. As an indie $100 to get in would be fair. If it were not per site.

    Seriously though, I don’t mind paying for a product if its good. And this one seems to be good. But stop with the open source bs. My opinion is that this is a bait and switch. I have no idea what other surprises would await me. :/

    Really is a shame because it does look lean and clean. Still not $100 per bloody site lean and clean, lean and clean nonetheless.

    • Michiel van den Boogaart

      What does open source has to do with the price? Open source != free :S

      • Joe the Coder

        That is my point. I guess it didn’t translate to text well. :)

        • Mufi

          I also found this one great but it cost too much. Which one you pick finally?

          • Joe the Coder

            TinyMCE. I suggest using a div for the actual edit area. I know that sounds strange. Check it out.

  • Md Rayhan

    Froala is the best

  • 林晓葵

    I like ContentTools

  • Tomasz Mieczkowski

    Thanks for the post. I might try Froala, never heard of it before. If I may add, I’d like to say DON’T USE REDACTOR. They charge you $100 per site, but they quickly switch versions on you and ask you to buy it again (not even upgrade, you have to pay full price again). I think their multi-website price used to be $1500, and then they lowered it to $300. I was suspicious, but heck I bought it. Short time after they “upgraded” to a new version and discontinued the old one. Now I’m stuck with this editor on multiple sites and I can’t even upgrade jQuery or the editor will stop working. I asked them if they have a fix for it, Art from Imperavi redactor responded to me saying that not only will they not fix it, because it’s an older version, but also admitted that they’re planning to discontinue the current version and then the version after that. So if you get redactor, there’s a chance that your editor might be outdated tomorrow and you’ll have to pay another $300 or more to get it working again.

    • Joe the Coder

      Froala is $100 a site too.

    • Will

      I had exactly the same experience and would recommend not using Redactor. I didn’t even get it into production and the version I’d purchased had been discontinued.

  • Dan Njoroge

    Which one is free here and has the placeholder thing

  • Diego Silvera de Souza

    Very nice post! I’m developing an based site. Does anyone knows if Froala has support for (I need the imageupload to save pictures in my server). Thank you!

  • Lucky

    Raptor Editor is not available anymore. I like TinyMCE and content tools

    • Joe the Coder

      I have recently used TinyMCE and found that it works great. I suggest using a div for the actual edit area. I know that sounds strange. Check it out.

  • Lucky

    This ones for Joomla I guess.

  • I use TinyMCE. But the problem with that is, if you try to edit a DOM multiple time. it do not removes the previous style. It just create a new and adds styling in that. So if you edit any element then there will be nesting of span, which result in ugly UI

Get the latest in JavaScript, once a week, for free.