源代碼編輯器是一個(gè)允許你編輯任何編程語(yǔ)言的源代碼的文本編輯器。 它可以是一個(gè)獨(dú)立的應(yīng)用程序，也可以是內(nèi)置的一個(gè)集成開發(fā)環(huán)境(IDE)。 有一些源代碼編輯器能夠在程序員編寫程序的時(shí)候做語(yǔ)法檢查，并在第一時(shí)間對(duì)其產(chǎn)生的語(yǔ)法問題提出警告； 有一些源代碼編輯器可以壓縮代碼， 將常見的關(guān)鍵詞轉(zhuǎn)化為單字節(jié)標(biāo)記，刪除不必要的空格，并將數(shù)字轉(zhuǎn)換成二進(jìn)制形式， 當(dāng)要查看文件時(shí)，它會(huì)再產(chǎn)生出與以前一致大小和間隔的文件；還有一些源代碼編輯器會(huì)上述兩種功能。

如果你正在尋找優(yōu)秀的JavaScript源代碼編輯器，那么這11款“網(wǎng)絡(luò)上評(píng)出的最好的JavaScript源代碼編輯器”可能會(huì)幫到你。

1.CodeMirror - 基于內(nèi)嵌框架（ iframe ）的可編輯代碼編輯器

CodeMirror是一個(gè)基于iframe的可編輯源代碼編輯器組件 ，它允許你創(chuàng)建類似相對(duì)舒適的源代碼編輯器接口(代碼內(nèi)容包括HTML、XHTML、XML、CSS、Python、PHP、c#、Java標(biāo)記以及其它類似的語(yǔ)言）。

Codemirror的特性 ：

• 自動(dòng)完成
• 模式覆蓋
• 搜索/替換
• 預(yù)覽HTML編輯器
• 自動(dòng)調(diào)整編輯器大小
• 設(shè)置斷點(diǎn)
• 語(yǔ)法高亮顯示
• 主題化
• 強(qiáng)調(diào)獨(dú)立
• 支持全屏幕編輯
• 模式自動(dòng)改變

2.Ace - JavaScript編輯器

Ace是一個(gè)獨(dú)立的JavaScript代碼編輯器，擁有基于瀏覽器的代碼編輯器相匹配的特性和擴(kuò)展特性，還擁有目前常見的本地編輯器（如TextMate，Vim或Eclipse）的功能。 用戶可以很容易把Ace編輯器嵌入進(jìn)任何網(wǎng)頁(yè)或JavaScript應(yīng)用程序。

Ace JavaScript編輯器的特性：

• 語(yǔ)法高亮顯示
• 自動(dòng)縮進(jìn)和凸排
• 可選命令行
• 大文檔處理
• 包含VI和Emacs模式的完全自定義關(guān)鍵字綁定
• 主題化

3.CodePress -基于JavaScript的實(shí)時(shí)語(yǔ)法高亮顯示的編輯器

CodePress是基于JavaScript的在線源代碼編輯器，它突出的語(yǔ)法高亮特性：只要在瀏覽器中輸入代碼，便能夠立刻產(chǎn)生彩色語(yǔ)法文本。

CodePress的特性：

• 實(shí)時(shí)語(yǔ)法高亮顯示
• 代碼片段
• 自動(dòng)完成
• 快捷鍵
• 可以對(duì)相同的頁(yè)面添加多個(gè)CodePress窗口

4. EditArea -免費(fèi)的JavaScript源代碼編輯器

EditArea是一個(gè)免費(fèi)的JavaScript源代碼編輯器，它允許開發(fā)人員在一個(gè)文本區(qū)域內(nèi)編輯源代碼文件，主要用于小型文本和輕文本的文本格式、搜索、替換和實(shí)時(shí)語(yǔ)法高亮顯示的開發(fā)。

EditArea的特性：

• 易于集成，只包含有一個(gè)腳本和一個(gè)函數(shù)調(diào)用
• 提供列表支持
• 可定制的實(shí)時(shí)語(yǔ)法高亮顯示的編輯器
• 支持自動(dòng)換行
• 容易搜索和替換對(duì)象。
• 新行自動(dòng)縮進(jìn)
• 編號(hào)線
• 多語(yǔ)言
• 支持多個(gè)實(shí)例
• 支持PHP gzip壓縮
• 全屏模式
• 簡(jiǎn)單的插件集成
• 提供動(dòng)態(tài)內(nèi)容管理

5. Helene

Helene是一個(gè)用JavaScript編寫的語(yǔ)法高亮顯示的文本編輯器，它可以替代文本的web集成開發(fā)環(huán)境。

6. MarkItUp ! - 通用的標(biāo)記編輯器框架

MarkItUp !是一個(gè)JavaScript插件， 它允許您將任何文本區(qū)域變成一個(gè)標(biāo)記編輯器 。 用戶可以很容易用Html、 文本環(huán)境、Wiki 語(yǔ)法、Markdown、BBcode甚至他自己的標(biāo)記系統(tǒng)來實(shí)現(xiàn)MarkItUp編輯器。 這是一個(gè)非常輕量級(jí)的、可定制的和靈活的引擎，滿足開發(fā)人員在CMS、博客、論壇或網(wǎng)站的需求。

7. 9ne - 在線的語(yǔ)法高亮顯示的代碼編輯器

9ne是一個(gè)在線的源代碼編輯器，它支持語(yǔ)法高亮顯示和基于Emacs的關(guān)鍵字綁定。

8. Jsvi - 克隆Vi的JavaScript代碼編輯器

jsvi是一個(gè)基于JavaScript，擁有Vi編輯器所有類似特征的源代碼編輯器，包括支持ed/ex的命令、Unicode兼容、實(shí)時(shí)檢查類型拼寫錯(cuò)誤以及集成host的剪貼板功能。

9. Ymacs – AJAX源代碼編輯器

Ymacs是一個(gè)與Emacs相似的AJAX源代碼編輯器，它支持語(yǔ)法高亮顯示和自動(dòng)縮進(jìn)的功能。

Ymacs的特性：

• 包含許多標(biāo)準(zhǔn)的編輯命令，如文本填充、運(yùn)轉(zhuǎn)命令、換位等
• 撤銷堆棧和剪切環(huán)
• 支持前綴鍵(但不支持ESC，可以使用ALT)
• 分割窗口
• 支持多種緩沖
• 自動(dòng)縮進(jìn)
• 自動(dòng)完成
• 支持modeline行設(shè)置和minibuffer
• 互動(dòng)搜索
• 覆蓋和標(biāo)記
• 編輯模式

10. ecoder

ecoder是一個(gè)基于web的，開源的源代碼編輯器 。它的實(shí)時(shí)高光涂色特性允許你在同一時(shí)刻直接從web上編輯多個(gè)文檔。

11. SourceEdit

SourceEdit是一個(gè)基于JavaScript源代碼編輯器，它允許開發(fā)人員在外觀和感受如同普通的應(yīng)用程序的瀏覽器窗口中編寫代碼。 支持語(yǔ)法高亮顯示、跳格設(shè)定、在數(shù)據(jù)庫(kù)編輯代碼等。

本文翻譯來自