codemirror 光标定位_在线代码编辑器 CODEMIRROR 配置说明

转自:http://www.hyjiacan.com/codemirror-config/

CodeMirror是一款在线的支持语法高亮的代码编辑器。官网： http://codemirror.net/

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

使用示例

首先，要引用是 lib 目录下的 codemirror.js，还有一个就是同目录下的codemirror.css 文件

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

引用的文件用于支持对应语言的语法高亮。

然后，调用脚本以创建编辑器：

这里的调用会在body中添加编辑器，这里因为直接在上面引用了javascript.js，所以这个编辑器会对javascript的关键字高亮显示。

想要高级一点，给编辑器添加一些元素，也可以通过传入配置参数来实现。

这样，就给编辑器添加了行号。

上面说的是实现编辑器的最简单的方式，然后在实际项目中，一般都不会直接把body作为编辑器的容器。而最常用的，是使用textarea。

要把 textarea 实现成一个支持高亮的编辑器，CodeMirror 提供了非常简单的方法：

配置说明

在使用CodeMirror的时候，不管是直接使用 CodeMirror() 还是使用 fromTextArea() ，都可以通过传递第二个参数来配置编辑器。</