codeMirror 使用教程

来源:互联网 发布:最优化 教材 编辑:程序博客网 时间:2024/05/01 12:18

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

1 0