CodeMirror支持100多种语言模式在线代码编辑器

CodeMirror 支持大量语言的语法高亮，包括 C、C++、C#、Java、Perl、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby 等，以及 diff、LaTeX、SQL、wiki、Markdown 等文件格式。此外，CodeMirror 还支持代码自动完成、搜索/替换、HTML预览、行号、选择/搜索结果高亮、可视化 Tab、Emacs/VIM 键绑定、代码自动格式等。

CodeMirror 采用 MIT 开源许可协议，目前已经被集成到各种应用程序中，如 Adobe Brackets、CoDev、Light Table 等开发环境，还被作为各种 SQL、Haxe、JavaScript 在线编辑器的基础库来使用。

功能介绍

开箱即用，支持超过100种语言

强大的、可组合的语言模式系统

自动完成 (XML)

代码折叠

可配置的按键绑定

Vim、Emacs和Sublime文本装订系统

搜索和替换界面

托架和标签匹配

支持分割视图

衬胶机整合

混合字体大小和风格

各种主题

可调整大小以适应内容

内嵌式和块状小部件

可编程水沟

使文本范围具有风格化的、只读或原子化的文本范围

双向文字支持

许多其他方法和附加组件…..

使用方法

下载后，解压开得到的文件夹中，lib 下是放的是核心库和核心 css，mode 下放的是各种支持语言的语法定义，theme 目录下是支持的主题样式。一般在开发中，添加 lib 下的引用和 mode 下的引用就够了。

如何使用

下面两个是使用 Code Mirror 必须引入的：

<link rel=”stylesheet” href=”codemirror-5.31.0/lib/codemirror.css”/>

<script src=”codemirror-5.31.0/lib/codemirror.js”></script>

codemirror.css 和 codemirror.js 文件是 CodeMirror 插件的核心文件，无论你要高亮的代码是何种语言，都要引入这两个文件。

接下来要引用的就是在 mode 目录下编辑器中要编辑的语言对应的 js 文件，这里以 Groovy 为例：

<!–groovy代码高亮–>

<script src=”codemirror-5.31.0/mode/groovy/groovy.js”></script>

如果你想让 Java 代码也支持代码高亮，则需要引入我从网上下载下来的 clike.js（我已经放到我的 GitHub 去了）

<!–Java代码高亮必须引入–>

<script src=”codemirror-5.31.0/clike.js”></script>