codeMirror 使用教程

    codeMirror 官网/下载： http://codemirror.net/index.html

    下载解压之后，你所需要的folder有两个：lib,mode. 将这两个文件夹拷贝到项目中，在你需要做代码高亮的页面内引入lib文件夹中的css和js文件，以及你所需要的codeMirror mode下的js文件.

<link type="text/css" href="${ctx}/static/thirdparty/codemirror/lib/codemirror.css" rel="stylesheet" />
<script type="text/javascript" src="${ctx}/static/thirdparty/codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="${ctx}/static/thirdparty/codemirror/mode/sql/sql.js"></script>
<script type="text/javascript">
$(function(){
	var mime="text/x-mysql";
	window.editor = CodeMirror.fromTextArea(document.getElementById('sql'), {
	    mode: mime,
	    indentWithTabs: true,
	    smartIndent: true,
	    lineNumbers: true,
	    matchBrackets : true,
	    autofocus: true
	  });
});
</script>

ok,现在可以看看效果了。

codeMirror支持多种代码高亮的mode，可以看看mode/index和meta两个文件，你会发现更多。