1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury是個(gè)采用HTML5開(kāi)發(fā)的WYSIWYG編輯器類似于TinyMCE或CKEditor。但擁有不同的使用體驗(yàn)。它不是放置在一個(gè)指定的元素中，而是出現(xiàn)在整個(gè)頁(yè)面的上面。所以可用于編輯整個(gè)頁(yè)面或任意指定一個(gè)區(qū)域。它支持預(yù)覽編輯的內(nèi)容并能夠插入鏈接，圖片，視頻或表格。文件上傳可以用拖拉的方式實(shí)現(xiàn)。此外，它支持協(xié)作編輯器。能夠與他人同時(shí)編輯同一個(gè)頁(yè)面并查看實(shí)時(shí)變化。

Mercury 可以安裝成一個(gè)Rails gem或者在你頁(yè)面加入需要的JS和CSS文件。項(xiàng)目主頁(yè)/Dow下載

2 Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor是個(gè)HTML5的所見(jiàn)即所得的編輯器，基于瀏覽器的富文本編輯器框架，java script創(chuàng)建。不像其他大多數(shù)的HTML編輯器，Aloha可以被嵌入到CMS、Blog，及其他標(biāo)準(zhǔn)的web開(kāi)發(fā)框架中。項(xiàng)目主頁(yè)

3. Rendra- Online HTML 5 Editor

Rendra是一個(gè)在線HTML5編輯器，支持實(shí)時(shí)預(yù)覽編輯的內(nèi)容。可以使用瀏覽器支持的任意HTML 5或CSS3標(biāo)簽。此外Randra還支持HAML和SASS。Rendra讓HTML5和CSS3變得更加簡(jiǎn)單，它采用CoffeeScript和Sinatra開(kāi)發(fā)。用戶可以利用Rendra來(lái)測(cè)試JavaScript代碼，還能夠試驗(yàn)jQuery UI, jQuery工具和插件。項(xiàng)目主頁(yè)

4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一個(gè)新的內(nèi)容WYSIWYG編輯順。它基于FireFox 4的渲染引擎Gecko實(shí)現(xiàn)。 BlueGriffon能夠創(chuàng)建和編輯所有HTML5和HTML5文檔。它能夠讓用戶創(chuàng)建Web頁(yè)面，幫助用戶創(chuàng)建漂亮、簡(jiǎn)單和直觀的UI。BlueGriffon支持多種語(yǔ)言，目前已經(jīng)超過(guò)9種。項(xiàng)目主頁(yè)

5. Maqetta : Open Source Project & HTML5 Editor

Maqetta是一個(gè)開(kāi)源項(xiàng)目提供了HTML5 用戶界面的可視化設(shè)計(jì)功能?？芍苯釉跒g覽器中創(chuàng)作和運(yùn)行HTML應(yīng)用程序，不需要下載或安裝額處

該項(xiàng)目是一個(gè)開(kāi)源項(xiàng)目，原先由IBM開(kāi)發(fā)，后IBM將其捐獻(xiàn)給Dojo基金會(huì)。它可以作為一個(gè)托管服務(wù)向用戶提供在線編輯，也可以安裝到本地使用。用戶運(yùn)行它不需要再安裝其它任何插件。

軟件的界面支持拖放功能，同時(shí)它也支持類似桌面軟件的undo/redo功能，瀏覽器預(yù)覽功能，保存/另存等許多功能。
Maqetta 現(xiàn)在對(duì)Dojo庫(kù)提供強(qiáng)有力的支持，這樣用戶可以將該庫(kù)的各種組件或控制模塊加入頁(yè)面（例如：按鈕，折疊式菜單，日歷等等）。
使用該應(yīng)用程序進(jìn)行開(kāi)發(fā)可以使網(wǎng)頁(yè)開(kāi)發(fā)的反饋?zhàn)兊梅浅Ｈ菀祝梢詣?chuàng)建多個(gè)復(fù)核頁(yè)面（如，對(duì)每個(gè)版本創(chuàng)建一個(gè)）。開(kāi)發(fā)者可以輕松的選擇哪些頁(yè)面將被復(fù)核，系統(tǒng)將自動(dòng)發(fā)送email給復(fù)核者。審核者可以通告評(píng)論分享他們的改進(jìn)意見(jiàn)或在線標(biāo)注圖形改進(jìn)注釋（例如橢圓形、矩形、箭頭或文字字形等）。

Maqetta 集成了許多功能特性，如，使用草圖主題模板創(chuàng)建線框，移動(dòng)應(yīng)用界面編輯工具等等。

Maqetta支持大部瀏覽器包括：FireFox, Google Chrome 和 Safari。項(xiàng)目地址：http://maqetta.org/

6. Apatana Studio 3

Aptana Studio 3是一個(gè)用于Web開(kāi)發(fā)的開(kāi)源工具。它能夠讓開(kāi)發(fā)人員使用單一個(gè)環(huán)境來(lái)測(cè)試Web應(yīng)用程序。Aptana支持的最新瀏覽器技術(shù)如：HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python。它提供了非常多的功能包括HTML,CSS and JavaScript代碼輔助編輯器，調(diào)試器，部署向?qū)Ш虸DE自定義。

下載：http://www.aptana.com/products/studio3/download

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

【編輯推薦】

1. HTML 5實(shí)現(xiàn)淘寶語(yǔ)音搜索功能
2. 別怕！我們還有HTML 5和CSS3
3. 難以置信的HTML 5和JS實(shí)驗(yàn)
4. HTML 5做出讓你意想不到的幾件事
5. 用HTML5 Audio API開(kāi)發(fā)游戲音樂(lè)