转自: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() ,都可以通过传递第二个参数来配置编辑器。</