44
我們都見過瀏覽器中豐富的文本編輯器，它允許您以所見即所得的方式編輯彩色/樣式文本。但是代碼編輯器呢，在你輸入的時候會根據語言規則自動突出顯示代碼呢？在Eclipse中思考textarea（但沒有重構支持）。有沒有一個好的瀏覽器內代碼編輯器？
是否存在這樣的事情？我想象縮放會是一個問題 - 更大的文件將很難有效地編輯。
A
回答
8
editArea JavaScript庫做得不錯。它被內部管理系統OpenCMS用作內置JSP和JavaScript編輯器。當文件大於2000行時，着色會有點困惑。
從他們的網頁的功能列表是：
- 易於集成，只有一個腳本，包括和一個函數調用
- 選項卡的支持（允許寫的很好格式化的源代碼）
- 搜索和替換（帶正則表達式）
- 可定製的實時語法高亮顯示（當前：PHP，CSS，JavaScript，Python，HTML，XML，VB，C，CPP，SQL，Pascal，Basic，Brainf * ck）
- Auto-indenting新行
- 行號
- 多語言支持（目前爲：克羅地亞，丹麥語，英語，法語，德語，意大利語，日語，波蘭語，葡萄牙語）
- 全屏模式
- 可以在同一個環境中工作不是「樣機」和「mootools」就像圖書館一樣。
+0
該鏈接對我來說並不適用....我想我在這裏找到它： http://www.cdolivet.com/index.php?page=editArea&sess=a360c094f88adf6d14a74197bdd1a182 – 2010-08-26 18:54:11
+1
雖然這是現在在git（https：// github.com/cdolivet/EditArea），它不再受支持，並且也容易受到XSS的影響。 – 2016-11-01 19:19:24
1
Javascript VI，有一些錯誤，但是一個有趣的想法。 VI FTW！
+0
，不工作在我的瀏覽器..也許這是因爲我使用FF的vimperator插件。 vim ftw！ – 2009-01-09 21:06:51
37
CodeMirror支持60多種語言和實現更高級編輯功能的插件（自動完成，代碼摺疊，可配置的鍵綁定，搜索&替換，linter集成等）。豐富的編程API和CSS主題系統可用於自定義CodeMirror，並使用新功能進行擴展。
它自2007年初開發以來，擁有Wikipedia page，並且正在廣泛流行的開源項目（Joomla，Firebug等）中使用。
1
這是一個橫向的建議 - 但我使用Firefox plugin "It's All Text!"到我的文本區發送給編輯 - 所有好的標記，搜索等
當然，這依賴於用戶的，並能如果這是您的意圖，那麼不會輕易推出給訪問者。
但是，無論如何，我傾向於被瀏覽器內編輯器的侷限所煩惱。 （方式編輯過程中SO抓住我的CK STILL抓住我措手不及...... [這意味着我不會在Emacs編輯一切 ...]）
7
Mozilla的貝斯平顯得非常有趣，但項目是discontinued。
13
Ace。他們不使用iFrame。
1
Cloud9如果你是一名JavaScript開發人員看起來很有趣。
Amy Editor是我今天遇到的另一種基於瀏覽器的編輯器 - 它看起來像是試圖在瀏覽器中模擬TextMate - 包括Bundles和Snippets - 雖然項目看起來可能已經死了... Homepage/Demo和source on GitHub
1
您可以檢出 dockPHPStackHive用於web開發（基於codemirror）。現在，它支持HTML/CSS的發展，但我的工作體驗javascript-ING以及..
免責聲明：我在dockPHP創始人:)
0
Eclipse的獵戶座提供了一個全面爆發Code Edit和一個縮小的Orion Editor。你可以看到它的demo here。
1
我用codiad。我用PHP，JS用它和C特點：
- 支持40多種語言 插件庫
- 錯誤檢查&通知
- 複式用戶支持
- 編輯器分屏
- localStorage的冗餘
- 高級搜索工具
- 智能自動完成
- 實時協同編輯
- 超過20個語法色彩主題
- 完全開源
- 輕鬆定製源在自己的服務器上
- 奔跑
- 快速下載備份
- 最大編輯器屏幕空間
- i18n語言支持
相關問題
- 1. 有沒有一個好的僞代碼編輯器？
- 2. 具有文件瀏覽功能的遠程代碼編輯器
- 3. 表內瀏覽器HTML編輯器？
- 4. Froala WYSIWYG編輯器沒有出現在瀏覽器
- 5. 在瀏覽器中編輯*現有* PDF
- 6. jQuery代碼錯誤在IE瀏覽器，但沒有其他的瀏覽器
- 7. 瀏覽器端的代碼編輯器組件
- 8. html/css編輯沒有在不同的瀏覽器更新
- 9. 防止瀏覽器註釋php代碼html文本編輯器
- 10. 有沒有支持LESS文件代碼提示的編輯器？
- 11. 是否可以瀏覽一個網站「沒有瀏覽器」？
- 12. Javascript - cookies，有沒有辦法一次爲所有瀏覽器編寫一個cookie？
- 13. 具有intellisense代碼編輯器的ANTLR4
- 14. 源代碼洞察，如免費源代碼瀏覽器和Windows編輯器
- 15. 瀏覽器內部的URL編碼
- 16. CKEDITOR內嵌編輯器沒有傳遞編輯器值
- 17. SVG編輯器中的硬編碼內容沒有出現？
- 18. 基於瀏覽器的yaml編輯器，最好在PHP中？
- 19. 沒有在瀏覽器
- 20. $瀏覽器沒有定義
- 21. 沒有瀏覽器啓動
- 22. 運行沒有瀏覽器
- 23. Android AVD沒有瀏覽器
- 24. 瀏覽器中的報告編輯器
- 25. Neo4j的GUI瀏覽器和編輯器
- 26. 有沒有辦法在Ace代碼編輯器中查詢HTML？
- 27. 有沒有任何代碼輔助編輯器？
- 28. 谷歌瀏覽器對我的JS代碼沒有反應？
- 29. 瀏覽器將代碼中沒有空格的空間
- 30. 富文本編輯器，就像一個源代碼編輯器
您應該將此問題標記爲已解決 – Nitroware 2012-03-08 17:40:11
任何使用TextMate捆綁包進行語法和語言定義的東西？ – 2012-03-17 19:03:20
@BillyMoon兩個[王牌]（https://github.com/ajaxorg/ace/wiki/Importing-.tmtheme-and-.tmlanguage-Files-into-Ace）和[CLOUD9]（HTTPS：// CLOUD9-SDK .readme.io/docs/import-a-textmate-bundle）導入TextMate包。 – niutech 2016-05-05 10:23:31