Major Features

• It’s fast and lightweight (smaller than TinyMCE, Aloha, …)
• Auto-linking of urls as-you-type
• Generates valid and semantic HTML5 markup (even when the content is pasted from MS Word)
• Uses class names instead of inline styles
• Uses sandboxed iframes in order to prevent identity theft through XSS
• Speech-input for Chrome
• It’s library agnostic, no library required (jQuery, Prototype, etc…)

In this scenario, the best approach is leveraging the benefits of real-time content editing with Create. It provides you complete control on your online content and allows content management in a snap.

All you have to do is annotate your content and add a couple of files to your project – the result is a simple and lightweight WYSIWYG online editor that allows you to review and manage your content online. Create uses jQuery with HTML5 to provide a fully browser-based HTML5 content editing environment for managing online content.

You can seamlessly work on your web pages to edit or add content and then save it to put all changes in place.

With WebPutty, you get an in-browser, feature-rich, syntax-highlighting CSS editor. You can see your changes instantly with the side-by-side preview pane, so there’s no need for the traditional back-and-forth between your editor and refreshing a browser to see your changes. The editor is your browser and the preview’s built-in!

Best of all, the editor and the preview pane work together, so that when you click on a CSS selector, all the elements matching that selector are instantly highlighted in the preview pane.

Take the example of Mercury, which is a full featured HTML5 WYSIWYG editor. It is more than an ordinary WYSIWYG editor. Mercury transforms an entire page into several editable regions that users can access to edit content in an interactive fashion. With native support for CSS, Mercury allows you to easily provide editing options on a page.

It displays a single toolbar for every region on the page, and uses the HTML5 contentEditable features on block elements, instead of iframes, which allows for CSS to be applied in ways that most other editors can’t handle.

Major Features

• Real time content preview
• Drag images from your desktop to automatically uploaded and insert them
• Insert and edit predefined and reusable bits of markup/code using drag and drop
• Markdown, HTML, and Snippet region types by default

Mercury has been written using CoffeeScript and jQuery for the Javascript portions, and is written on top of Rails 3.1.

Mercury HTML5 WYSIWYG editor supports all browsers that have implemented the complete W3C contentEditable specification.

It can be easily embedded in any web page and JavaScript application.

Features

• Syntax highlighting
• Auto indentation and outdent
• Fully customizable key bindings including VI and Emacs modes
• Themes (TextMate themes can be imported)
• Search and replace with regular expressions
• Highlight matching parentheses

BlueGriffon is an intuitive application that provides Web authors (beginners or more advanced) with a simple User Interface allowing to create attractive Web sites without requiring extensive technical knowledge about Web Standards.

BlueGriffon can create and edit all HTML 4, XHTML 1 and HTML 5 (both HTML and XML serializations) documents. It comes with exceptional CSS3 support and has its own CSS parser, JSCSSP. That parser written in JavaScript guarantees that the CSS styles you author are understandable by all the browsers on the market.

This html content editor also includes the popular SVG editor, SVG Edit and you can then draw vectorial graphics from within BlueGriffon to embed them into your documents.

NicEdit WYSIWYG text editor integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. Its goal is to be as simple and fast as possible for users of your application.

It saves files directly to Dropbox, so if you have the Dropbox sync software installed, the changes will appear locally as if you did so with a text editor!

Changes will be stored remotely so naturally this same extension will pull up the same copy of the file everywhere!

Xeo CSS is very useful HTML / CSS WYSIWYG tool for beginners, it supports CSS3 properties and bundled with CSS3 gradiants generator.

Features

• Desktop-like experience
• Generates Class & ID selectors
• In-browser HTML editor
• Generates clean CSS code
• CSS 3 properties included