6 款用于Web开发的HTML5编辑器

本文搜集了6款HTML 5编辑器，它们都具有很全的功能，希望对HTML 5开发者有帮助。 1. Mercury : HTML5 Powered WYSIWYG Editor Mercury是一个功能完备的编辑器，包含了TinyMCE和CKEditor的功能，但是有着更好的体验。Mercury没有使用iframes，而是将HTML5内容的可编辑功能放置在每一个块级组件中。同时提供了一个专门的工具栏来管 ...

本文搜集了6款HTML 5编辑器，它们都具有很全的功能，希望对HTML 5开发者有帮助。

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury是一个功能完备的编辑器，包含了TinyMCE和CKEditor的功能，但是有着更好的体验。Mercury没有使用iframes，而是将HTML5内容的可编辑功能放置在每一个块级组件中。同时提供了一个专门的工具栏来管理页面上的所有区域。Mercury使用CoffeeScript和jQuery编写JavaScript部分，其他部分使用Rails 3.1编写。

它支持当前所有的主流浏览器，包括Chrome10+、Safari5+及Firefox4+等。Mercury支持编辑预览功能，用户可以插入并且编辑链接（包括TOC/书签链接）、图片、视频或者表格。可以使用拖动的方式实现文件上传。此外，它支持协同工作，能够与其他人同时编辑同一个页面并查看实时变化。



2. Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor是一个更进步的所见即所得HTML5编辑器，基于浏览器的富文本编辑器框架。使用JavaScript创建。不像其他大多数的HTML编辑器，Aloha可以被嵌入到CMS、Blog及其他标准的Web开发框架中。



3. Rendra- Online HTML 5 Editor

Rendra是一个在线的HTML5编辑器，支持实时预览所编辑的内容。用户可以使用浏览器支持的任意HTML 5及CSS3标签。此外，Randra还支持HAML和SASS。Rendra使得学习HTML5和CSS3变得更加简单，它采用CoffeeScript和Sinatra开发。用户可以利用Rendra测试JavaScript代码，也可以用来测试jQuery UI、jQuery工具及插件。



4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一个新的WYSIWYG内容编辑器。它基于FireFox 4的渲染引擎Gecko实现。 BlueGriffon能够创建和编辑所有的HTML5标记及HTML5文档。它能够让用户创建Web页面，帮助用户创建漂亮、简单和直观的UI。 BlueGriffon支持超过9种的语言，包括CSS3。



5. Maqetta : Open Source Project & HTML5 Editor

Maqetta是一个开源项目，提供了HTML5用户界面的可视化设计功能。可直接在浏览器中创建和运行HTML应用程序，不需要下载或安装。

软件的界面支持拖放操作，同时它也支持类似桌面软件的undo/redo功能、浏览器预览功能、保存/另存等功能。Maqetta 现在对Dojo库提供了强有力的支持，这样用户可以将该库的各种组件或控制模块加入到页面中（例如：按钮、折叠式菜单、日历等等）。

Maqetta支持大部分浏览器，包括：FireFox、Google Chrome 和 Safari。



6. Apatana Studio 3

Aptana Studio 3是一个用于Web开发的开源工具。使用它开发人员在单个环境下便可以测试Web应用程序。Aptana支持最新的浏览器技术和规范，如HTML5、CSS3、JavaScript、Ruby、Rails、PHP以及Python。其功能包括HTML、CSS和JavaScript代码辅助功能、集成的调试器、部署向导以及IDE环境定制。




英文原文：http://skytechgeek.com/2011/09/6-html5-editors-for-web-development/

链接阅读：10 款用来简化 HTML5 编码的在线工具