1. Compilr
Compilr是一個(gè)在線(xiàn)編譯器和在線(xiàn)IDE?？梢杂盟鼇?lái)開(kāi)發(fā)PHP, C, C++, Ruby。在瀏覽器中編譯Java, C# 和 VB.net等。
馬上使用
2. Dabblet
跨瀏覽器兼容，對前端攻城師們來(lái)說(shuō)是一個(gè)不得不處理的問(wèn)題。為了在瀏覽器間呈現統一的顯示效果，攻城師們不僅要為每個(gè)游覽器添加CSS前綴，甚至還需要用到一些特殊的CSS Hack技巧。于是，jsFiddle、JSBin等前端代碼的在線(xiàn)測試工具應運而生。然而，使用jsFiddle仍有很多不便之處。為了解決這個(gè)問(wèn)題，前端攻城師Lea Verou自己動(dòng)手，開(kāi)發(fā)了一個(gè)名為Dabblet的HTML和CSS代碼段在線(xiàn)測試工具。
馬上使用
3. jsdo.it
馬上使用
4. Thimble, by Mozilla
Firefox 瀏覽器背后的非營(yíng)利性組織Mozilla 剛剛宣布推出了一個(gè)名為T(mén)himble 的HTML/CSS在線(xiàn)交互式學(xué)習網(wǎng)站，該站是Mozilla 新近推出的Webmaker計劃 的組成部分，旨在幫助普通用戶(hù)在線(xiàn)學(xué)習編寫(xiě)HTML和CSS。
Thimble 提供的是雙面板設計，左側為帶語(yǔ)法高亮的代碼編輯，右側可實(shí)時(shí)預覽網(wǎng)頁(yè)效果，如果用戶(hù)對效果滿(mǎn)意，可通過(guò)右上方的藍色 “Publish” 按鈕一鍵發(fā)布，還可通過(guò)提供的Twitter 發(fā)布按鈕與好友分享你的設計成果。
馬上使用
5. Jsfiddle
jsFiddle是一個(gè)在線(xiàn)的shell編輯器，通過(guò)流行的JS框架創(chuàng )建自定義的環(huán)境，以簡(jiǎn)化JS代碼?？梢杂糜跍y試示例代碼。
不僅如此，你還可以添加一個(gè)Ajax echo后端，并且通過(guò)一系列的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í)在線(xiàn)代碼高亮顯示，他不是某個(gè)富文本編輯器的附屬產(chǎn)品，他是許多大名鼎鼎的在線(xiàn)代碼編輯器的基礎庫。
可以看出，CodeMirror的作者是一個(gè)十分向往自由的人。但他的CodeMirror絕對不簡(jiǎn)單，看看下面這份清單：
上述的這些在線(xiàn)代碼編輯器都是基于CodeMirror的，是不是感到驚訝，里面有你熟悉的JS Library。
CodeMirror本身的定位也很明確，短小精悍，但代碼質(zhì)量很高，在Google Group的群里面，人們熱烈的進(jìn)行著(zhù)用CodeMirror做各式各樣改造的討論，可見(jiàn)對他的歡迎。以下有各種不同語(yǔ)言的Demo演示：
假如你有項目需要在線(xiàn)代碼編輯，還等什么？CodeMirror，絕對是你最好的選擇。
馬上使用
7. eXo Cloude IDE
應用程序開(kāi)發(fā)也在轉向云。eXo開(kāi)發(fā)了一個(gè)平臺即服務(wù)(PaaS)，成為eXo Cloud IDE。這個(gè)IDE可以方便地在云上面部署Java應用程序。代碼存在于云中，可以通過(guò)互聯(lián)網(wǎng)進(jìn)行訪(fǎng)問(wèn)。因此，將一個(gè)應用程序從開(kāi)發(fā)階段轉向生產(chǎn)階段的速度可以更快。
VMware的Cloud Foundry PaaS已經(jīng)在用這個(gè)方法。它幫助開(kāi)發(fā)人員創(chuàng )建Java、Spring、Ruby和其他類(lèi)型的應用程序并在數分鐘內部署到Cloud Foundry。所有這些都是在云內完成。
馬上使用
8. JS Bin
JSBin 是一個(gè) Web 應用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。功能與 jsFiddle 網(wǎng)站一致。
馬上使用
9. CodeRun
CodeRun Studio 是一個(gè)基于JavaScript語(yǔ)言開(kāi)發(fā)的跨平臺的集成開(kāi)發(fā)環(huán)境，它立足于云計算的設計思路，方便開(kāi)發(fā)者在瀏覽器端便可以輕松開(kāi)發(fā)、調試和部署網(wǎng)絡(luò )應用程序。本身作為一款APP產(chǎn)品，CodeRun 融入了分享機制，開(kāi)發(fā)者可以有選擇的上傳項目代碼，使用云技術(shù)來(lái)協(xié)同同事完成項目工作。目前，CodeRun 主要支持一些Web開(kāi)發(fā)語(yǔ)言，包括C#/.NET (3.5)， PHP (5.1)， JavaScript, HTML 以及 CSS等，其中C#項目包括ASP.NET, WCF, Silverlight 和 WPF, MVC等項目，JavaScript腳本項目支持目前流行的JQuery， ExtJS, YUI等框架，其中數據庫支持SQL Server 2005 和 Amazon SimpleDB。最后，更尤為值得一提的是，CodeRun 是開(kāi)源程序。
馬上使用
10. eCoder
ecoder是一個(gè)基于Web的代碼編輯器，采用PHP和JavaScript開(kāi)發(fā)。它包括：實(shí)時(shí)語(yǔ)法加亮，一個(gè)文件瀏覽器，一個(gè)文件上傳器和一個(gè)標簽系統能夠實(shí)現直接在服務(wù)器上同時(shí)編輯多個(gè)文件。
馬上使用
11. Kodingen
kodingen在線(xiàn)云IDE，集成了圖片編輯器，代碼編輯器，甚至集成了大量的服務(wù)器特性，其中就包括自帶SQL數據庫，可以創(chuàng )建MySql數據庫，擁有自己獨立的FTP文件系統，提供了對協(xié)同辦公的支持，Kodingen在不工作的時(shí)候你甚至還可以把它當獨立服務(wù)器來(lái)使用。建好一個(gè)賬號后，用戶(hù)就可以通過(guò)xxx（用戶(hù)名）.kodingen.com直接使用，默認開(kāi)啟php支持，ror支持，可以設置支持perl，python。
免費用戶(hù)提供：500M空間，1G/月流量，1個(gè)二級域名，6個(gè)三級域名， 5個(gè)數據庫，綁5個(gè)FTP賬號。提供三種代碼編輯器可以選擇：bespin，codemirror，ymacs?？梢砸绘I安裝常見(jiàn)的應用：如 wordpress，drupal，phpmyadmin，cakephp，mediawiki，phpbb， joolma等等。
馬上使用
12. EditArea
EditArea，一款基于Javascript的、在線(xiàn)的、支持高亮的源代碼編輯器。這個(gè)編輯器的設計初衷旨在以一個(gè)Teaxarea提供在線(xiàn)代碼編輯功能，除了提供語(yǔ)法即時(shí)高亮以外，還提供文本搜索、替換等功能。
當然了，該款編輯器是開(kāi)源的，基于LGPL、Apache和BSD協(xié)議。
主要特性：
- 易于嵌入HTML頁(yè)面使用，只包括一個(gè)腳本和函數調用。
- 支持Tab按鍵
- 多種語(yǔ)言實(shí)時(shí)高亮，包括PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic還有很多，太多了，不列舉了。
- Word-wrap支持（不了解什么功能）
- 搜索、替換還有正則表達式
- 新建行的格式自動(dòng)縮進(jìn)
- 行數顯示提示
- 多語(yǔ)言支持
- 允許一個(gè)頁(yè)面內多個(gè)實(shí)例
- 支持全屏牧師
- 支持插件機制
- 支持保存時(shí)、加載時(shí)的回調函數
- 可動(dòng)態(tài)內容管理（不理解）
- 可以與類(lèi)似prototype或mootools這種js lib下并行使用（無(wú)沖突）
馬上使用
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è)免費的，跨平臺的基于瀏覽器的IDE是一個(gè)自由和開(kāi)放源碼基于Web的IDE，它采用了原生支持C＃/。凈額（3.5），PHP的（5.1），JavaScript，HTML和CSS的。 C＃中支持包括ASP.NET中，WCF中，瀏覽器的Silverlight和WPF應用程序開(kāi)發(fā)和部署。數據庫支持包括SQL Server 2005和亞馬遜SimpleDB的。
語(yǔ)法著(zhù)色和代碼完成的功能，幫助您在開(kāi)發(fā)過(guò)程中。它還具有一個(gè)在線(xiàn)調試器，允許您設置斷點(diǎn)，通過(guò)您的代碼的步驟，檢查調用棧，調試和其他行動(dòng)。
你可以或者使用作為您的桌面IDE中，完全取代了功能豐富和強大的CodeRun或者你可以用它來(lái)上傳現有的代碼和測試在云端，或與您的同行分享。
馬上使用
15. Drawter
Drawter是一個(gè)基于Web的編輯器（寫(xiě)在JavaScript和jQuery庫為基礎），有不少字面上可以請你網(wǎng)站的代碼與每個(gè)標記，作為一個(gè)你畫(huà)層提出。
目前Drawter是在Pro版本（它仍然是免費的），這意味著(zhù)對HTML和CSS知識是必不可少的。該Drawters發(fā)展的未來(lái)目標是建立一個(gè)業(yè)余的版本，這將允許您繪制沒(méi)有任何HTML或CSS的知識是什么，這樣的一次您的網(wǎng)站。留意其今年推出一段時(shí)間。
馬上使用
16. Maqetta
Maqetta，一個(gè)創(chuàng )建桌面和移動(dòng)用戶(hù)界面的HTML5設計編輯工具，并同時(shí)宣布將項目捐助給開(kāi)源機構Dojo基金會(huì )。
Maqetta已經(jīng)是開(kāi)源項目，提供WYSIWYG可視化HTML5用戶(hù)界面設計功能，僅需簡(jiǎn)單的拖曳操作，支持桌面和移動(dòng)用戶(hù)界面。
Maqetta 應用本身用HTML5/Ajax編寫(xiě)，因此運行在瀏覽器中無(wú)需請求額外的插件或下載。用戶(hù)可以下載源碼，并安裝在自己的服務(wù)器上，并可自定義源碼來(lái)滿(mǎn)足自己的需求，再回饋到開(kāi)源項目。
Maqetta 功能如下：
- WYSIWYG可視化頁(yè)面編輯
- 拖曳式移動(dòng)UI設計
- 設計或源碼瀏覽同步編輯
- 對CSS樣式的深度支持
馬上使用
17. Builder Pro
BuildorPro使用可視化，代碼編輯器，調試工具來(lái)供了一個(gè)非常靈活的方法創(chuàng )建和管理你的網(wǎng)站的設計和商標。BuildorPro你可以使用可視化控制，提高您的設計過(guò)程，同時(shí)保持完全的控制權代碼本身。
馬上使用
18. ShiftEdit
ShiftEdit，一款在線(xiàn)IDE，支持創(chuàng )建，編輯PHP，HTML，CSS，ruby，JavaScrip等語(yǔ)言，提供內置的FTP，支持實(shí)時(shí)調試語(yǔ)法，ShiftEdit功能還在增加中。
馬上使用
19. Squad Editor
Squad是一個(gè)基于網(wǎng)頁(yè)的代碼編輯器，可相互協(xié)作，你可以在任何地方訪(fǎng)問(wèn)它。
馬上使用
20. Cloud9 IDE
Cloud9利用了云技術(shù)，運行在瀏覽器中，允許你隨時(shí)隨地運行、調試和部署應用程序。一個(gè)完整的game-changer會(huì )永久性的改變應用程序的開(kāi)發(fā)方式。Cloud 9可以讓你集中精力編程，不用顧及到搭建環(huán)境等瑣事中。
馬上使用
