通用代码高亮插件（SyntaxHighlighter）
对代码进行高亮显示，并添加行号可以使用SyntaxHighlighter，js插件来完成，其详细的讲解及代码下载可以浏览一下网站：
http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html
在此只对其工作原理及需要引入哪些js文件进行说明，并做个demo：
1、使用该插件需要引入的文件有：
shCore.js shCore.css brush.js
2、其主要的工作方式：
shCore.js是其核心的js文件，shCore.css则对其样式进行渲染，brush.js该文件就是笔刷，通过在该js文件中对要渲染的文件（如：java、xml、css）进行定义。
在进行文件加载的过程中通过调用SyntaxHighlighter.highlight()方法，来触发该插件进行渲染。
在如下demo中将brush.js中的代码已放到shCore.js文件中：
shCore.js文件：
/**
- SyntaxHighlighter
- http://alexgorbatchev.com/SyntaxHighlighter
- SyntaxHighlighter is donationware. If you are using it, please donate.
- http://alexgorbatchev.com/SyntaxHighlighter/donate.html
- @version
- 3.0.83 (July 02 2010)
- @copyright
- Copyright © 2004-2010 Alex Gorbatchev.
- @license
- Dual licensed under the MIT and GPL licenses.
/
eval(function (p, a, c, k, e, d) {
e = function © {
return(c < a ? ‘’ : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36))
};
if (!’’.replace(/^/, String)) {
while (c–) {
d[e©] = k[c] || e©
}
k = [function (e) {
return d[e]
}];
e = function () {
return’\w+’
};
c = 1
}
;
while (c–) {
if (k[c]) {
p = p.replace(new RegExp(’\b’ + e© + ‘\b’, ‘g’), k[c])
}
}
return p
}('K M;I(M)1S 2U(“2a’t 4k M 4K 2g 3l 4G 4H”);(6(){6 r(f,e){I(!M.1R(f))1S 3m(“3s 15 4R”);K a=f.1w;f=M(f.1m,t(f)+(e||""));I(a)f.1w={1m:a.1m,19:a.19?a.19.1a(0):N};H f}6 t(f){H(f.1J?“g”:"")+(f.4s?“i”:"")+(f.4p?“m”:"")+(f.4v?“x”:"")+(f.3n?“y”:"")}6 B(f,e,a,b){K c=u.L,d,h,g;v=R;5K{O(;c–{g=u[c];I(a&g.3r&&(!g.2p||g.2p.W(b))){g.2q.12=e;I((h=g.2q.X(f))&&h.P=e){d={3k:g.2b.W(b,h,a),1C:h};1N}}}}5v(i){1S i}5q{v=11}H d}6 p(f,e,a){I(3b.Z.1i)H f.1i(e,a);O(a=a||0;a\'])|{([$\\w]+)})/g,w=/[^5h]+|([\\s\\S])(?=[\\s\\S]*\\1)/g,A=/^(?:[?*+]|{\\d+(?:,\\d*)?})\\??/,v=11,u=[],n={X:15.Z.X,1A:15.Z.1A,1C:1r.Z.1C,Q:1r.Z.Q,1e:1r.Z.1e},x=n.X.W(/()??/,"")[1]===1d,D=6(){K f=/^/g;n.1A.W(f,"");H!f.12}(),y=6(){K f=/x/g;n.Q.W("x",f,"");H!f.12}(),E=15.Z.3n!==1d,z={};z[M.2I]=/^(?:\\\\(?:[0-3][0-7]{0,2}|[4-7][0-7]?|x[\\29-26-f]{2}|u[\\29-26-f]{4}|c[A-3o-z]|[\\s\\S]))/;z[M.1B]=/^(?:\\\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9]\\d*|x[\\29-26-f]{2}|u[\\29-26-f]{4}|c[A-3o-z]|[\\s\\S])|\\(\\?[:=!]|[?*+]\\?|{\\d+(?:,\\d*)?}\\??)/;M.1h=6(f,e,a,b){u.U({2q:r(f,"g"+(E?"y":"")),2b:e,3r:a||M.1B,2p:b||N})};M.2n=6(f,e){K a=f+"/"+(e||"");H M.2n[a]||(M.2n[a]=M(f,e))};M.3c=6(f){H r(f,"g")};M.5l=6(f){H f.Q(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g,"\\\\$&")};M.5e=6(f,e,a,b){e=r(e,"g"+(b&&E?"y":""));e.12=a=a||0;f=e.X(f);H b?f&&f.P===a?f:N:f};M.3q=6(){M.1h=6(){1S 2U("2a\'t 55 1h 54 3q")}};M.1R=6(f){H 53.Z.1q.W(f)==="[2m 15]"};M.3p=6(f,e,a,b){O(K c=r(e,"g"),d=-1,h;h=c.X(f);){a.W(b,h,++d,f,c);c.12===h.P&&c.12++}I(e.1J)e.12=0};M.57=6(f,e){H 6 a(b,c){K d=e[c].1I?e[c]:{1I:e[c]},h=r(d.1I,"g"),g=[],i;O(i=0;i1v 3v 3.0.76 (72 73 3x)1Z://3u.2w/1v70 17 6U 71.6T 6X-3x 6Y 6D.6t 61 60 J 1k, 5Z 5R 5V <2R/>5U 5T 5S!’}},1Y:{2j:N,2A:{}},1U:{},3A:{6n:/\/\ ’,d=e.16.2x,h=d.2X,g=0;g ’+c+""},3Q:6(a,b){K c="",d=a.1e("\n").L,h=2u(J.V(“2i-1s”)),g=J.V(“2z-1s-2t”);I(gR)g=(h+d-1).1q().L;Y I(3R(g)R)g=0;O(K i=0;i
/** - XML
/
;
(function () {
typeof(require) != ‘undefined’ ? SyntaxHighlighter = require(‘shCore’).SyntaxHighlighter : null;
function Brush() {
function process(match, regexInfo) {
var constructor = SyntaxHighlighter.Match, code = match[0], tag = new XRegExp(’(<|<)[\s\/\?](?[:\w-\.]+)’, ‘xg’).exec(code), result = [];
if (match.attributes != null) {
var attributes, regex = new XRegExp(’(? [\w:\-\.]+)’ + ‘\s*=\s*’ + ‘(? ".?"|’.?’|\w+)’, ‘xg’);
while ((attributes = regex.exec(code)) != null) {
result.push(new constructor(attributes.name, match.index + attributes.index, ‘color1’));
result.push(new constructor(attributes.value, match.index + attributes.index + attributes[0].indexOf(attributes.value), ‘string’));
}
}
if (tag != null)result.push(new constructor(tag.name, match.index + tag[0].indexOf(tag.name), ‘keyword’));
return result;
}
this.regexList = [
{ regex:new XRegExp(’(\<|<)\!\[\w\s]?\[(.|\s)?\]\’, ‘gm’), css:‘color2’ },
{ regex:SyntaxHighlighter.regexLib.xmlComments, css:‘comments’ },
{ regex:new XRegExp(’(<|<)[\s\/\?](\w+)(?.?)[\s\/\?]*(>|>)’, ‘sg’), func:process }
];
}
;
Brush.prototype = new SyntaxHighlighter.Highlighter();
Brush.aliases = [‘xml’, ‘xhtml’, ‘xslt’, ‘html’];
SyntaxHighlighter.brushes.Xml = Brush;
typeof(exports) != ‘undefined’ ? exports.Brush = Brush : null;
})();
/** - JAVA
/
;
(function () {
typeof(require) != ‘undefined’ ? SyntaxHighlighter = require(‘shCore’).SyntaxHighlighter : null;
function Brush() {
var keywords = 'abstract assert boolean break byte case catch char class const ’ + 'continue default do double else enum extends ’ + 'false final finally float for goto if implements import ’ + 'instanceof int interface long native new null ’ + 'package private protected public return ’ + 'short static strictfp super switch synchronized this throw throws true ’ + ‘transient try void volatile while’;
this.regexList = [
{ regex:SyntaxHighlighter.regexLib.singleLineCComments, css:‘comments’ },
{ regex://*([^*][\s\S])?*//gm, css:‘comments’ },
{ regex://*(?!*/)*[\s\S]*?*//gm, css:‘preprocessor’ },
{ regex:SyntaxHighlighter.regexLib.doubleQuotedString, css:‘string’ },
{ regex:SyntaxHighlighter.regexLib.singleQuotedString, css:‘string’ },
{ regex:/\b([\d]+(.[\d]+)?|0x[a-f0-9]+)\b/gi, css:‘value’},
{ regex:/(?!@interface\b)@[$\w]+\b/g, css:‘color1’ },
{ regex:/@interface\b/g, css:‘color2’ },
{ regex:new RegExp(this.getKeywords(keywords), ‘gm’), css:‘keyword’ }
];
this.forHtmlScript({left:/(<|<)%[@!=]?/g, right:/%(>|>)/g });
}
;
Brush.prototype = new SyntaxHighlighter.Highlighter();
Brush.aliases = [‘java’];
SyntaxHighlighter.brushes.Java = Brush;
typeof(exports) != ‘undefined’ ? exports.Brush = Brush : null;
})();
/** - bash&shell
/
;
(function () {
typeof(require) != ‘undefined’ ? SyntaxHighlighter = require(‘shCore’).SyntaxHighlighter : null;
function Brush() {
var keywords = ‘if fi then elif else for do done until while break continue case function return in eq ne ge le’;
var commands = ‘alias apropos awk basename bash bc bg builtin bzip2 cal cat cd cfdisk chgrp chmod chown chroot’ + 'cksum clear cmp comm command cp cron crontab csplit cut date dc dd ddrescue declare df ’ + 'diff diff3 dig dir dircolors dirname dirs du echo egrep eject enable env ethtool eval ’ + 'exec exit expand export expr false fdformat fdisk fg fgrep file find fmt fold format ’ + 'free fsck ftp gawk getopts grep groups gzip hash head history hostname id ifconfig ’ + 'import install join kill less let ln local locate logname logout look lpc lpr lprint ’ + 'lprintd lprintq lprm ls lsof make man mkdir mkfifo mkisofs mknod more mount mtools ’ + 'mv netstat nice nl nohup nslookup open op passwd paste pathchk ping popd pr printcap ’ + 'printenv printf ps pushd pwd quota quotacheck quotactl ram rcp read readonly renice ’ + 'remsync rm rmdir rsync screen scp sdiff sed select seq set sftp shift shopt shutdown ’ + 'sleep sort source split ssh strace su sudo sum symlink sync tail tar tee test time ’ + 'times touch top traceroute trap tr true tsort tty type ulimit umask umount unalias ’ + 'uname unexpand uniq units unset unshar useradd usermod users uuencode uudecode v vdir ’ + ‘vi watch wc whereis which who whoami Wget xargs yes’;
this.regexList = [
{ regex:/^#!.$/gm, css:‘preprocessor bold’ },
{ regex://[\w-/]+/gm, css:‘plain’ },
{ regex:SyntaxHighlighter.regexLib.singleLinePerlComments, css:‘comments’ },
{ regex:SyntaxHighlighter.regexLib.doubleQuotedString, css:‘string’ },
{ regex:SyntaxHighlighter.regexLib.singleQuotedString, css:‘string’ },
{ regex:new RegExp(this.getKeywords(keywords), ‘gm’), css:‘keyword’ },
{ regex:new RegExp(this.getKeywords(commands), ‘gm’), css:‘functions’ }
];
}
Brush.prototype = new SyntaxHighlighter.Highlighter();
Brush.aliases = [‘bash’, ‘shell’];
SyntaxHighlighter.brushes.Bash = Brush;
typeof(exports) != ‘undefined’ ? exports.Brush = Brush : null;
})();
shCore.css文件可以到上面推荐的网站进行下载。
demo:
1.此处填写相对于端口号之后的URI;
2.自动部署会以http://127.0.0.1:{port}{uri}?st={startTime}的方式等待X秒后访问;
3.st参数的值为自动部署调用启动脚本前的时间戳,X为您设置等待秒数.
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.jd.deploy.common.Constant"%>
<%@ page import="com.jd.deploy.common.utils.VelocityTools"%>
<%
String st = request.getParameter("st");//获取自动部署传入的启动时间
long startTime = Constant.START_TIME;//获取系统真实的启动时间
String msg = "server is already started at " + VelocityTools.dateFormat(startTime);
if(st == null || startTime <= Long.valueOf(st)) {
response.sendError(400, "[failure]"+msg);//检测不通过,返回非200状态码
}
//TODO 此处可检测其它业务模块
out.print("[success]"+msg);//输出检测结果,200则OK
%>
效果图如下：
↩︎