Web開發(fā)不可少的六個HTML 5編輯器
1. Mercury : HTML5 Powered WYSIWYG Editor
Mercury是個采用HTML5開發(fā)的WYSIWYG編輯器類似于TinyMCE或CKEditor。但擁有不同的使用體驗。它不是放置在一個指定的元素中，而是出現(xiàn)在整個頁面的上面。所以可用于編輯整個頁面或任意指定一個區(qū)域。它支持預(yù)覽編輯的內(nèi)容并能夠插入鏈接，圖片，視頻或表格。文件上傳可以用拖拉的方式實現(xiàn)。此外，它支持協(xié)作編輯器。能夠與他人同時編輯同一個頁面并查看實時變化。
Mercury 可以安裝成一個Rails gem或者在你頁面加入需要的JS和CSS文件。項目主頁/Dow下載
2 Aloha Editor – HTML5 WYSIWYG Editor
Aloha Editor是個HTML5的所見即所得的編輯器，基于瀏覽器的富文本編輯器框架，java script創(chuàng)建。不像其他大多數(shù)的HTML編輯器，Aloha可以被嵌入到CMS、Blog，及其他標(biāo)準(zhǔn)的web開發(fā)框架中。項目主頁
3. Rendra- Online HTML 5 Editor
Rendra是一個在線HTML5編輯器，支持實時預(yù)覽編輯的內(nèi)容?？梢允褂脼g覽器支持的任意HTML 5或CSS3標(biāo)簽。此外Randra還支持HAML和SASS。Rendra讓HTML5和CSS3變得更加簡單，它采用CoffeeScript和Sinatra開發(fā)。用戶可以利用Rendra來測試JavaScript代碼，還能夠試驗jQuery UI, jQuery工具和插件。項目主頁
4. BlueGriffon: Next Generation HTML5 WebEditor
BlueGriffon是一個新的內(nèi)容WYSIWYG編輯順。它基于FireFox 4的渲染引擎Gecko實現(xiàn)。 BlueGriffon能夠創(chuàng)建和編輯所有HTML5和HTML5文檔。它能夠讓用戶創(chuàng)建Web頁面，幫助用戶創(chuàng)建漂亮、簡單和直觀的UI。BlueGriffon支持多種語言，目前已經(jīng)超過9種。項目主頁
5. Maqetta : Open Source Project & HTML5 Editor
Maqetta是一個開源項目提供了HTML5 用戶界面的可視化設(shè)計功能?？芍苯釉跒g覽器中創(chuàng)作和運(yùn)行HTML應(yīng)用程序，不需要下載或安裝額處
該項目是一個開源項目，原先由IBM開發(fā)，后IBM將其捐獻(xiàn)給Dojo基金會。它可以作為一個托管服務(wù)向用戶提供在線編輯，也可以安裝到本地使用。用戶運(yùn)行它不需要再安裝其它任何插件。
軟件的界面支持拖放功能，同時它也支持類似桌面軟件的undo/redo功能，瀏覽器預(yù)覽功能，保存/另存等許多功能。
Maqetta 現(xiàn)在對Dojo庫提供強(qiáng)有力的支持，這樣用戶可以將該庫的各種組件或控制模塊加入頁面（例如：按鈕，折疊式菜單，日歷等等）。
使用該應(yīng)用程序進(jìn)行開發(fā)可以使網(wǎng)頁開發(fā)的反饋變得非常容易，它可以創(chuàng)建多個復(fù)核頁面（如，對每個版本創(chuàng)建一個）。開發(fā)者可以輕松的選擇哪些頁面將被復(fù)核，系統(tǒng)將自動發(fā)送email給復(fù)核者。審核者可以通告評論分享他們的改進(jìn)意見或在線標(biāo)注圖形改進(jìn)注釋（例如橢圓形、矩形、箭頭或文字字形等）。
Maqetta 集成了許多功能特性，如，使用草圖主題模板創(chuàng)建線框，移動應(yīng)用界面編輯工具等等。
Maqetta支持大部瀏覽器包括：FireFox, Google Chrome 和 Safari。項目地址：http://maqetta.org/
6. Apatana Studio 3
Aptana Studio 3是一個用于Web開發(fā)的開源工具。它能夠讓開發(fā)人員使用單一個環(huán)境來測試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/
【編輯推薦】
- HTML 5實現(xiàn)淘寶語音搜索功能
- 別怕！我們還有HTML 5和CSS3
- 難以置信的HTML 5和JS實驗
- HTML 5做出讓你意想不到的幾件事
- 用HTML5 Audio API開發(fā)游戲音樂
