11款最好的JavaScript源代碼編輯器

源代碼編輯器是一個允許你編輯任何編程語言的源代碼的文本編輯器。 它可以是一個獨立的應用程序,也可以是內置的一個集成開發環境(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!

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

9ne是一個在線的源代碼編輯器,它支持語法高亮顯示和基於Emacs的關鍵字綁定。

9ne

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

jsvi是一個基於JavaScript,擁有Vi編輯器所有類似特徵的源代碼編輯器,包括支持ed/ex的命令、Unicode兼容、實時檢查類型拼寫錯誤以及集成host的剪貼板功能。

jsvi

9. Ymacs – AJAX源代碼編輯器

Ymacs是一個與Emacs相似的AJAX源代碼編輯器,它支持語法高亮顯示和自動縮進的功能。

Ymacs的特性:

  • 包含許多標準的編輯命令,如文本填充、運轉命令、換位等
  • 撤銷堆棧和剪切環
  • 支持前綴鍵(但不支持ESC,可以使用ALT)
  • 分割窗口
  • 支持多種緩衝
  • 自動縮進
  • 自動完成
  • 支持modeline行設置和minibuffer
  • 互動搜索
  • 覆蓋和標記
  • 編輯模式
Ymacs

10. ecoder

ecoder是一個基於web的,開源的源代碼編輯器 。它的實時高光塗色特性允許你在同一時刻直接從web上編輯多個文檔。

ecoder

11. SourceEdit

SourceEdit是一個基於JavaScript源代碼編輯器,它允許開發人員在外觀和感受如同普通的應用程序的瀏覽器窗口中編寫代碼。 支持語法高亮顯示、跳格設定、在數據庫編輯代碼等。

SourceEdit
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章