WYSIHTML5 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.

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…)

Whether you have a simple, one-page website, a personal web blog, a wiki or an entire web portal, you would often want to edit and modify the content in the simplest possible way – without having to access and go through source files for minor changes.

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.

WebPutty is a feature-rich and powerful CSS editor which gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.

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.

Since the introduction of HTML5, a lot has been changed the way we used to design and build web applications and websites. It has changed the way we used to handle content (text, video, audio, animation etc.) on the web. Web applications built on HTML5 are much more interactive and easy to manage.

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.

Earlier known as ‘Bespin’ and then as ‘Skywriter’  Ace (Ajax.org Cloud9 Editor) is a no-compromise code editor component for the web. Ace (Ajax Cloud9 Editor) is an open source web based code editor written in JavaScript that provides clutter-free web based code editor with all the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse.

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 a rich WYSIWYG HTML content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox 4, it’s a modern and robust solution to edit Web pages in conformance to the latest Web Standards.

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.

Validating and sanitizing code base is usually a nightmare for developers who are quite prolific and just love churning out code on instincts and brainwaves. But now sanitizing HTML code is easy with PROPER Semantic Text Editor. Built on a data driven document authoring engine, PROPER uses Sanitize.js to guarantee valid output.

As the caption goes, ‘Edit Anywhere‘,  NicEdit is a WYSIWYG is a free text editor that can be used in various scenarios to provide on-the-fly content editing in a rich text format. It is lightweight, cross platform, feature rich online JavaScript text editor to allow easy editing of web site content on the fly in the browser.

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.

SourceKit is a free plugin for Google Chrome. Its a Textmate-like lightweight programmers text editor right inside of Chrome.

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 a fully web-based WYSIWYG HTML and CSS styling tool for web designers. This web based tool helps designers to design web pages with no coding.

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