11款最好的JavaScript原始碼編輯器

edithfang發表於2014-06-26

原始碼編輯器是一個允許你編輯任何程式語言的原始碼的文字編輯器。它可以是一個獨立的應用程式，也可以是內建的一個整合開發環境(IDE)。有一些原始碼編輯器能夠在程式設計師編寫程式的時候做語法檢查，並在第一時間對其產生的語法問題提出警告；有一些原始碼編輯器可以壓縮程式碼，將常見的關鍵詞轉化為單位元組標記，刪除不必要的空格，並將數字轉換成二進位制形式，當要檢視檔案時，它會再產生出與以前一致大小和間隔的檔案；還有一些原始碼編輯器會上述兩種功能。
—— 維基百科對原始碼編輯器的定義

如果你正在尋找優秀的 JavaScript 原始碼編輯器，那麼這 11 款“網路上評出的最好的 JavaScript 原始碼編輯器”可能會幫到你。

1、CodeMirror - 基於內嵌框架（ iframe ）的可編輯程式碼編輯器

CodeMirror 是一個基於 iframe 的可編輯原始碼編輯器元件，它允許你建立類似相對舒適的原始碼編輯器介面(程式碼內容包括 HTML、XHTML、XML、CSS、Python、PHP、c#、Java 標記以及其它類似的語言）。
Codemirror 的特性：

自動完成
模式覆蓋
搜尋/替換
預覽 HTML 編輯器
自動調整編輯器大小
設定斷點
語法高亮顯示
主題化
強調獨立
支援全螢幕編輯
模式自動改變

CodeMirror

2、Ace - JavaScript 編輯器

Ace 是一個獨立的 JavaScript 程式碼編輯器，擁有基於瀏覽器的程式碼編輯器相匹配的特性和擴充套件特性，還擁有目前常見的本地編輯器（如 TextMate，Vim 或 Eclipse）的功能。使用者可以很容易把 Ace 編輯器嵌入進任何網頁或 JavaScript 應用程式。
Ace JavaScript 編輯器的特性：

語法高亮顯示
自動縮排和凸排
可選命令列
大文件處理
包含 VI 和 Emacs 模式的完全自定義關鍵字繫結
主題化

Ace

3、CodePress -基於 JavaScript 的實時語法高亮顯示的編輯器

CodePress 是基於 JavaScript 的線上原始碼編輯器，它突出的語法高亮特性：只要在瀏覽器中輸入程式碼，便能夠立刻產生彩色語法文字。
CodePress 的特性：

實時語法高亮顯示
程式碼片段
自動完成
快捷鍵
可以對相同的頁面新增多個 CodePress 視窗

CodePress

4、EditArea -免費的 JavaScript 原始碼編輯器

EditArea 是一個免費的 JavaScript 原始碼編輯器，它允許開發人員在一個文字區域內編輯原始碼檔案，主要用於小型文字和輕文字的文字格式、搜尋、替換和實時語法高亮顯示的開發。
EditArea 的特性：

易於整合，只包含有一個指令碼和一個函式呼叫
提供列表支援
可定製的實時語法高亮顯示的編輯器
支援自動換行
容易搜尋和替換物件。
新行自動縮排
編號線
多語言
支援多個例項
支援 PHP gzip 壓縮
全屏模式
簡單的外掛整合
提供動態內容管理

EditArea

5、Helene

Helene 是一個用 JavaScript 編寫的語法高亮顯示的文字編輯器，它可以替代文字的 web 整合開發環境。

Helene

6、MarkItUp ! - 通用的標記編輯器框架

MarkItUp !是一個 JavaScript 外掛，它允許您將任何文字區域變成一個標記編輯器。使用者可以很容易用 Html、文字環境、Wiki 語法、Markdown、BBcode 甚至他自己的標記系統來實現 MarkItUp 編輯器。這是一個非常輕量級的、可定製的和靈活的引擎，滿足開發人員在 CMS、部落格、論壇或網站的需求。

markitup!