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两个文件,你会发现更多。