17 Best WYSIWYG HTML Editors

In this post I suggest you to try 17 best free WYSIWYG editors that transform simple textarea HTML elements into powerful and useful rich text editors.



Quill

Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Quill

Pell

The simplest and smallest WYSIWYG text editor for web, with no dependencies.

Pell

Trumbowyg

A lightweight and amazing WYSIWYG JavaScript editor under 10kB.

Trumbowyg

tiny

This tiny jQuery Bootstrap WYSIWYG plugin turns any DIV into a HTML5 rich text editor.

bootstrap

Sir Trevor

This is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered.

sir-trevor

MediumEditor

It has been written using vanilla JavaScript, no additional frameworks required.

medium-editor

World Simplest HTML5 WYSISYG Inline Editor

All the tools are already available, all you need to do it tie them together with some really simple JavaScript, and it works!

html5-editor

Summernote

Save the web developers from my own affordable WYSIWYG editor difficulties

summernote

textAngular

It is a super cool WYSIWYG Text Editor directive for AngularJS.

text-angular

Redactor

This is the most fantastic yet beautiful and easy-to-use WYSIWYG editor on jQuery. It is lightning fast, small, scalable, and powerful.

wysiwyg-editor-1

Mercury Editor

It is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers.

wysiwyg-editor-2

TinyMCE

It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

wysiwyg-editor-3

TinyEditor

This is a simple JavaScript WYSIWYG editor that is both lightweight (under 9KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters.

wysiwyg-editor-4

wysihtml5

This is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

wysiwyg-editor-5

Raptor Editor

It allows web content editors and publishers to edit content in place exactly as it would display once published – no more
switching between view and edit screens to get your content formatted just right.

wysiwyg-editor-6

NicEdit

It is a WYSIWYG editor for websites. Its goal is to be as simple and fast as possible for users of your application. NicEdit is extremely lightweight and can be easily integrated in any site with minimal impact while providing visitors an effective means to express themselves in rich text.

wysiwyg-editor-7

Aloha Editor

This is a semantic Rich Text Editor framework written in Javascript with best support of xHTML5. You can integrate it in a CMS, blog, wiki software or any other project where you need to edit content with a web based tool. Use it like a supersonic textarea. You can edit almost any DOM element with this supersonic textarea, but you need to care about configuration and storage.

wysiwyg-editor-8

6 Comments

  1. Thomas Taylorsays:

    pukka

  2. SnapEditorsays:

    Have you given http://snapeditor.com a try?

  3. st3fansays:

    What about http://froala.com/wysiwyg-editor? It’s one of the best WYSIWYG HTML editors out there.

  4. ContentTools (http://getcontenttools.com) is another WYSIWYG editor that might be of interest (disclosure: I’m the author of the project).

  5. Kristiesays:

    Wonderful, what a blog it is! This website presents useful information to us, keep it up.

  6. Good blog post. I definitely love this website.
    Keep writing!

  7. Nice editors, thank you for sharing. I have tried some on https://celebtips24.com but they are not giving me what I want; I will try one of these.

  8. Terry77says:

    The list is not complete. CKEditor (https://ckeditor.com) is missing, for example.

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.