1. Compilr

Compilr是一個(gè)在線編譯器和在線IDE。可以用它來開發(fā)PHP, C, C++, Ruby。在瀏覽器中編譯Java, C# 和 VB.net等。
 
馬上使用
 

2. Dabblet

跨瀏覽器兼容，對(duì)前端攻城師們來說是一個(gè)不得不處理的問題。為了在瀏覽器間呈現(xiàn)統(tǒng)一的顯示效果，攻城師們不僅要為每個(gè)游覽器添加CSS前綴，甚至還需要用到一些特殊的CSS Hack技巧。于是，jsFiddle、JSBin等前端代碼的在線測試工具應(yīng)運(yùn)而生。然而，使用jsFiddle仍有很多不便之處。為了解決這個(gè)問題，前端攻城師Lea Verou自己動(dòng)手，開發(fā)了一個(gè)名為Dabblet的HTML和CSS代碼段在線測試工具。
 
馬上使用
 

3.

 
馬上使用
 

4. Thimble, by Mozilla

Firefox 瀏覽器背后的非營利性組織Mozilla 剛剛宣布推出了一個(gè)名為Thimble 的HTML/CSS在線交互式學(xué)習(xí)網(wǎng)站，該站是Mozilla 新近推出的Webmaker計(jì)劃 的組成部分，旨在幫助普通用戶在線學(xué)習(xí)編寫HTML和CSS。

Thimble 提供的是雙面板設(shè)計(jì)，左側(cè)為帶語法高亮的代碼編輯，右側(cè)可實(shí)時(shí)預(yù)覽網(wǎng)頁效果，如果用戶對(duì)效果滿意，可通過右上方的藍(lán)色 “Publish” 按鈕一鍵發(fā)布，還可通過提供的Twitter 發(fā)布按鈕與好友分享你的設(shè)計(jì)成果。
 
馬上使用
 

5. Jsfiddle

jsFiddle是一個(gè)在線的shell編輯器，通過流行的JS框架創(chuàng)建自定義的環(huán)境，以簡化JS代碼?？梢杂糜跍y試示例代碼。

不僅如此，你還可以添加一個(gè)Ajax echo后端，并且通過一系列的JavaScript框架自動(dòng)載入資源，如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。

還有一個(gè)重要特性就是能夠保存和分享一個(gè)unique URL generated代碼，jsFiddle還有一個(gè)嵌入的功能。

它提供了一個(gè)由4各部分組成的界面：

• HTML 編輯器
• CSS 編輯器
• JavaScript 編輯器
• 輸出界面

馬上使用
 

6. CodeMirror

又一款“Online Source Editor”，基于Javascript，短小精悍，實(shí)時(shí)在線代碼高亮顯示，他不是某個(gè)富文本編輯器的附屬產(chǎn)品，他是許多大名鼎鼎的在線代碼編輯器的基礎(chǔ)庫。

可以看出，CodeMirror的作者是一個(gè)十分向往自由的人。但他的CodeMirror絕對(duì)不簡單，看看下面這份清單：

• Google Earth KML sampler
• Eloquent JavaScript's console
• The qooxdoo playground
• A cool tutorial about the element
• An online IDE for the Orc programming language
• Rapha?l Live
• JS Bin
• The RokPad plugin for Joomla
• The scraperwiki editor
• jsLinb UI Builder

上述的這些在線代碼編輯器都是基于CodeMirror的，是不是感到驚訝，里面有你熟悉的JS Library。

CodeMirror本身的定位也很明確，短小精悍，但代碼質(zhì)量很高，在Google Group的群里面，人們熱烈的進(jìn)行著用CodeMirror做各式各樣改造的討論，可見對(duì)他的歡迎。以下有各種不同語言的Demo演示：

• JavaScript
• XML/HTML
• CSS
• SPARQL
• HTML mixed-mode
• HTML+PHP mixed-mode (courtesy of Yahoo!)
• Python (by Timothy Farrell)
• Lua (by Franciszek Wawrzak)
• Ruby (by Michal Hantl, unfinished)
• SQL (by John Benediktsson)
• PLSQL (by Peter Raganitsch)
• diff (courtesy of Liran Nuna)
• Groovy (by eXo Platform)
• C# (by Boris Gaber and Christopher Buchino)
• OmetaJS (by Eric KEDJI)
• Scheme (by Danny Yoo)

假如你有項(xiàng)目需要在線代碼編輯，還等什么？CodeMirror，絕對(duì)是你最好的選擇。

馬上使用
 

7. eXo Cloude IDE

　應(yīng)用程序開發(fā)也在轉(zhuǎn)向云。eXo開發(fā)了一個(gè)平臺(tái)即服務(wù)(PaaS)，成為eXo Cloud IDE。這個(gè)IDE可以方便地在云上面部署Java應(yīng)用程序。代碼存在于云中，可以通過互聯(lián)網(wǎng)進(jìn)行訪問。因此，將一個(gè)應(yīng)用程序從開發(fā)階段轉(zhuǎn)向生產(chǎn)階段的速度可以更快。

　　VMware的Cloud Foundry PaaS已經(jīng)在用這個(gè)方法。它幫助開發(fā)人員創(chuàng)建Java、Spring、Ruby和其他類型的應(yīng)用程序并在數(shù)分鐘內(nèi)部署到Cloud Foundry。所有這些都是在云內(nèi)完成。

 
馬上使用
 

8. JS Bin

JSBin 是一個(gè) Web 應(yīng)用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。功能與 jsFiddle 網(wǎng)站一致。
 
馬上使用
 

9. CodeRun

　　CodeRun Studio 是一個(gè)基于JavaScript語言開發(fā)的跨平臺(tái)的集成開發(fā)環(huán)境，它立足于云計(jì)算的設(shè)計(jì)思路，方便開發(fā)者在瀏覽器端便可以輕松開發(fā)、調(diào)試和部署網(wǎng)絡(luò)應(yīng)用程序。本身作為一款A(yù)PP產(chǎn)品，CodeRun 融入了分享機(jī)制，開發(fā)者可以有選擇的上傳項(xiàng)目代碼，使用云技術(shù)來協(xié)同同事完成項(xiàng)目工作。目前，CodeRun 主要支持一些Web開發(fā)語言，包括C#/.NET (3.5)， PHP (5.1)， JavaScript, HTML 以及 CSS等，其中C#項(xiàng)目包括ASP.NET, WCF, Silverlight 和 WPF, MVC等項(xiàng)目，JavaScript腳本項(xiàng)目支持目前流行的JQuery， ExtJS, YUI等框架，其中數(shù)據(jù)庫支持SQL Server 2005 和 Amazon SimpleDB。最后，更尤為值得一提的是，CodeRun 是開源程序。
 
馬上使用
 

10. eCoder

ecoder是一個(gè)基于Web的代碼編輯器，采用PHP和JavaScript開發(fā)。它包括：實(shí)時(shí)語法加亮，一個(gè)文件瀏覽器，一個(gè)文件上傳器和一個(gè)標(biāo)簽系統(tǒng)能夠?qū)崿F(xiàn)直接在服務(wù)器上同時(shí)編輯多個(gè)文件。
 
馬上使用
 

11. Kodingen

   kodingen在線云IDE，集成了圖片編輯器，代碼編輯器，甚至集成了大量的服務(wù)器特性，其中就包括自帶SQL數(shù)據(jù)庫，可以創(chuàng)建MySql數(shù)據(jù)庫，擁有自己獨(dú)立的FTP文件系統(tǒng)，提供了對(duì)協(xié)同辦公的支持，Kodingen在不工作的時(shí)候你甚至還可以把它當(dāng)獨(dú)立服務(wù)器來使用。建好一個(gè)賬號(hào)后，用戶就可以通過xxx（用戶名）.直接使用，默認(rèn)開啟php支持，ror支持，可以設(shè)置支持perl，python。

    免費(fèi)用戶提供：500M空間，1G/月流量，1個(gè)二級(jí)域名，6個(gè)三級(jí)域名， 5個(gè)數(shù)據(jù)庫，綁5個(gè)FTP賬號(hào)。提供三種代碼編輯器可以選擇：bespin，codemirror，ymacs?？梢砸绘I安裝常見的應(yīng)用：如 wordpress，drupal，phpmyadmin，cakephp，mediawiki，phpbb， joolma等等。
 
馬上使用
 

12. EditArea

EditArea，一款基于Javascript的、在線的、支持高亮的源代碼編輯器。這個(gè)編輯器的設(shè)計(jì)初衷旨在以一個(gè)Teaxarea提供在線代碼編輯功能，除了提供語法即時(shí)高亮以外，還提供文本搜索、替換等功能。

當(dāng)然了，該款編輯器是開源的，基于LGPL、Apache和BSD協(xié)議。

主要特性：

• 易于嵌入HTML頁面使用，只包括一個(gè)腳本和函數(shù)調(diào)用。
• 支持Tab按鍵
• 多種語言實(shí)時(shí)高亮，包括PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic還有很多，太多了，不列舉了。
• Word-wrap支持（不了解什么功能）
• 搜索、替換還有正則表達(dá)式
• 新建行的格式自動(dòng)縮進(jìn)
• 行數(shù)顯示提示
• 多語言支持
• 允許一個(gè)頁面內(nèi)多個(gè)實(shí)例
• 支持全屏牧師
• 支持插件機(jī)制
• 支持保存時(shí)、加載時(shí)的回調(diào)函數(shù)
• 可動(dòng)態(tài)內(nèi)容管理（不理解）
• 可以與類似prototype或mootools這種js lib下并行使用（無沖突）

 
馬上使用
 

13. Codeanywhere

Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML.
 
馬上使用
 

14. Codeita

CodeRun - 一個(gè)免費(fèi)的，跨平臺(tái)的基于瀏覽器的IDE是一個(gè)自由和開放源碼基于Web的IDE，它采用了原生支持C＃/。凈額（3.5），PHP的（5.1），JavaScript，HTML和CSS的。 C＃中支持包括ASP.NET中，WCF中，瀏覽器的Silverlight和WPF應(yīng)用程序開發(fā)和部署。數(shù)據(jù)庫支持包括SQL Server 2005和亞馬遜SimpleDB的。
語法著色和代碼完成的功能，幫助您在開發(fā)過程中。它還具有一個(gè)在線調(diào)試器，允許您設(shè)置斷點(diǎn)，通過您的代碼的步驟，檢查調(diào)用棧，調(diào)試和其他行動(dòng)。
你可以或者使用作為您的桌面IDE中，完全取代了功能豐富和強(qiáng)大的CodeRun或者你可以用它來上傳現(xiàn)有的代碼和測試在云端，或與您的同行分享。
 
馬上使用
 

15. Drawter

Drawter是一個(gè)基于Web的編輯器（寫在JavaScript和jQuery庫為基礎(chǔ)），有不少字面上可以請(qǐng)你網(wǎng)站的代碼與每個(gè)標(biāo)記，作為一個(gè)你畫層提出。
目前Drawter是在Pro版本（它仍然是免費(fèi)的），這意味著對(duì)HTML和CSS知識(shí)是必不可少的。該Drawters發(fā)展的未來目標(biāo)是建立一個(gè)業(yè)余的版本，這將允許您繪制沒有任何HTML或CSS的知識(shí)是什么，這樣的一次您的網(wǎng)站。留意其今年推出一段時(shí)間。
 
馬上使用
 

16. Maqetta

Maqetta，一個(gè)創(chuàng)建桌面和移動(dòng)用戶界面的HTML5設(shè)計(jì)編輯工具，并同時(shí)宣布將項(xiàng)目捐助給開源機(jī)構(gòu)Dojo基金會(huì)。

Maqetta已經(jīng)是開源項(xiàng)目，提供WYSIWYG可視化HTML5用戶界面設(shè)計(jì)功能，僅需簡單的拖曳操作，支持桌面和移動(dòng)用戶界面。

Maqetta 應(yīng)用本身用HTML5/Ajax編寫，因此運(yùn)行在瀏覽器中無需請(qǐng)求額外的插件或下載。用戶可以下載源碼，并安裝在自己的服務(wù)器上，并可自定義源碼來滿足自己的需求，再回饋到開源項(xiàng)目。

Maqetta 功能如下：

• WYSIWYG可視化頁面編輯    
• 拖曳式移動(dòng)UI設(shè)計(jì)   
• 設(shè)計(jì)或源碼瀏覽同步編輯  
• 對(duì)CSS樣式的深度支持 
  

馬上使用
 

17. Builder Pro

BuildorPro使用可視化，代碼編輯器，調(diào)試工具來供了一個(gè)非常靈活的方法創(chuàng)建和管理你的網(wǎng)站的設(shè)計(jì)和商標(biāo)。BuildorPro你可以使用可視化控制，提高您的設(shè)計(jì)過程，同時(shí)保持完全的控制權(quán)代碼本身。 
馬上使用
 

18. ShiftEdit

馬上使用
 

19. Squad Editor

Squad是一個(gè)基于網(wǎng)頁的代碼編輯器，可相互協(xié)作，你可以在任何地方訪問它。
 
馬上使用
 

20. Cloud9 IDE