When it comes down to HTML content editing, WYSIWYG editor would probably help to save big amount of time if users don’t know how to use CSS styling. It can be integrated to current websites/CMS to help building a masterpiece of professional looking content.

Most of the time, it’s good and easy to use as Word. Even web designer who knows how to styling using CSS sometimes use WYSIWYG editor to create a table or column, for instance. But the problem that I found in those editors was the undo/redo/tracking sometimes get misleading and they gets to mess up with the original CSS code. The result would not be “WYSIWYG” and clients become red-hot furious.

Today we will select 10 best WYSIWYG HTML editors based on Javascript or jQuery. They range from the big players in the market, the fairly new guys with beautiful UI and other simpler editors. I listed them with direct links to pages of compatibility, integration steps, etc so you can just click and ready to go.

Best Free WYSIWYG HTML Editor



CKEditor is used by many big companies like IBM and Adobe. It has bags of features both on end-user side and developer side. There are many options in terms of customisation, integration and contents control, etc.

Best Free WYSIWYG HTML Editor



TineyMCE is another famous editor in the market and also used by dozens of big companies. Again, it has full list of features and offers editing experience like Word.

Best Free WYSIWYG HTML Editor



Mercury has the most simple sleek interface and it was joyful to use this editor. It has drop and drop image uploading. And the best part I love is the snippets and notes to be edited in a fixed area on web page.

Best Free WYSIWYG HTML Editor



Same as Mercury with great interface and all necessary editing functions. The table editing I like the most. It’s also lightning fast.

Best Free WYSIWYG HTML Editor



Technically it’s not a WYSIWYG kind of editor. It allow you turn an text area into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented. Markitup is a handy tool for developers.

Best Free WYSIWYG HTML Editor



elRTE is another great WYSIWYG editor with many editing features. Even there are ton of buttons, it still looks fresh. The table editing area has over 10 options to customise your table.

Best Free WYSIWYG HTML Editor



Xinha has many easy-to-configure options for users to build their personalised editor. Just select what purpose you want and you have your own targeted editor. It may not look great but the functions and extensibility’s are the ones you can count on.

Best Free WYSIWYG HTML Editor



It’s lightweight, simple and fast. A minimal editor if it fits your needs.

Best Free WYSIWYG HTML Editor



CLEditor is an jQuery plugin which provides a lightweight, cross browser, WYSIWYG HTML editor that can be easily added into any web site.

Best Free WYSIWYG HTML Editor



Just as the name, tiny and simple. It can handle most of the basic formatting needs and easily to be integrated into any websites.