groovy在线代码高亮显示

CodeMirror是一款基于js的实现代码高亮的基础库,对多种语言都提供高亮显示,包括JavaScript、XML/HTML、CSS、Python、SQL、Scheme等等,而本文主要是使用CodeMirror对Groovy代码进行高亮显示,当然想对其他语言进行高亮显示也是类似。

step1:从官方网站下载下面所需要的基础js、css文件。  http://codemirror.net/

step2:引入基础文件,如下:


<link rel="stylesheet" href="../../groovy/codemirror.css">
<link rel="stylesheet" href="../../groovy/monokai.css">
<script src="../../groovy/codemirror.js"></script>
<script src="../../groovy/matchbrackets.js"></script>
<script src="../../groovy/groovy.js"></script>
step3:对于需要高亮显示的文本关联以下js代码。



$(function(){

 var editor = CodeMirror.fromTextArea(document.getElementById("processContext textArea的ID"), {

        lineNumbers: true,

        matchBrackets: true,

        styleActiveLine: true,

        mode: "text/x-groovy"

      });

   editor.setOption("theme", 'monokai');

});


效果如下图:


如果你想对其他代码进行高亮显示,可以参看官网上的demo,但大致步骤都差不多,就是使用的基础js、css文件不一样。

上一篇:使用Apache POI将Excel表格转换为Html
下一篇:Chrome插件管理、在线离线安装方式、部分插件介绍