5個基于Web的在線IDE

1. ICE coder : Open Source & Php-Powered Web IDE

ICEcoder 是一個PHP開源和基于Web的IDE。支持代碼語法高亮顯示。 ICEcoder擁有一個強大的JavaScript API并常見的流行語言(PHP, JS, CSS, LESS, Ruby等)。

2. Ace : JavaScript Powered Code Editor

ACE是一個開源的、獨立的、基于瀏覽器的代碼編輯器，可以嵌入到任何web頁面或JavaScript應用程序中。ACE支持超過40種語言語法高亮，并能夠處理代碼多達400萬行的大型文檔。ACE開發團隊稱，ACE在性能和功能上可以媲美本地代碼編輯器（如Sublime Text、TextMate和Vim等）。

ACE是Mozilla Skywriter（以前稱為Bespin）項目的繼任者，并作為Cloud9的主要在線編輯器。

ACE 1.0的主要特性包括：

• 高亮超過40種語言（可以導入TextMate/Sublime/.tmlanguage文件）
• 超過20個主題
• 自動縮進和自動減少縮進
• 可選的命令行
• 處理大型文檔
• 自定義快捷鍵設置，包括VIM和Emacs模式
• 通過正則表達式進行搜索和替換
• 高亮匹配括號
• soft tabs/real tabs切換
• 顯示隱藏字符
• 使用鼠標拖拽文本
• 換行
• 代碼折疊
• 實時語法檢查（目前支持JavaScript/CoffeeScript/CSS/XQuery）
• 剪切、復制和粘貼功能

3. Brackets : Web Based Code Editor by Adobe

Brackets 是 Adobe 的開源 HTML/CSS/JavaScript 集成開發環境。Brackets 提供 Windows 和 OS X 平臺支持。

4. BluePen Editor

bluePen Editor是一個采用PHP開發的CSS編輯器，可以安裝到任何靜態或動態的網站，實現實時的CSS編輯。

打開編輯器之后，當鼠標放到某個元素之上blupePen能夠定位到它們的CSS規則類似于Chrome Dev Tools。

它擁有的功能包括：顏色選擇器，文件管理，標尺，顏色對照等。

5. Dirty Markup

如果你需要一個幫助你規整書寫混亂的代碼的工具的話，我強烈推薦給你這個在線代碼美化工具 - Dirty Markup。這個在線工具能夠幫助你有效的處理HTML/HTML5，CSS和javascript代碼。

這個工具內建了HTML Tidy， CSS Tidy 和 JS Beautify的功能，可以快速有效的幫助你規整代碼。