相比JS的mode文件，CSS会感觉简单点，容易理解点..原理也差不多，就不多说一遍了，总体上是定义大堆的keyword，然后对于每个关键符号进行判断，也用到了stack.
github源码：https://github.com/marijnh/CodeMirror/blob/master/mode/css/css.js
现在转到CodeMirror的主函数，html的调用方式为：
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { mode: "application/xml", styleActiveLine: true, //line选择是是否加亮 lineNumbers: true, //是否显示行数 lineWrapping: true, //是否自动换行 });
其实调用过程中还可以传递更多自定义的参数，不过这里就不是讨论重点了。总之是把自定义的属性整合到CodeMirror的defaultConfig中。
在CodeMirror里通过functionhighlightLine(cm,line,state){}调用 function runMode(cm,text,mode,state,f) 再者通过 mode.token(stream,state) 调用mode.js对外公开的接口token。
在hightlightLine()函数执行前进行了大量的配置定义和分行然后格式化对应的字符串.剩下部分前两天看了不过现在还真得再看一遍才能理清楚思路啦，几千行的代码，用最笨的方法看..
如果简单的词语高亮，而且不需要考虑到很复杂的语义，用正则表达式可以简单解决..如:
var kw1 = new RegExp("(if|while|with|else|do|try|finally|return|break|continue|new|delete|throw|var|function|catch|for|switch|case|default|typeof|instanceof|true|false|null|undefined|NaN)"), //匹配关键字 kw2 = new RegExp("(\\/\\/[^\n<]*(?:\n|$))(?!<\\/)"), //匹配注释
但是正则有时候也会出很多问题，在有语义的情况下，写正则表达式是很麻烦的.高亮一般的方式是采用编译原理里面的语法分析+语义分析，这部分是有点难度的。本来还想在CodeMirror基础上改进些东西，但是发现很难，还不如自己写个简单的，过些天有空我会自己尝试下。最近开始期末考，然后还有大把综合实验，看书时间都少了。淡定!!保持心态...
附:
CodeMirror的应用可以参考：