SyntaxHighlighter代码高亮插件

SyntaxHighlighter是Google Code上的一个开源项目,主要用于给网页上的代码着色,

使用十分方便,效果也不错,而且几乎支持常见的所有语言。

使用步骤:

一、下载并解压缩SyntaxHighlighter(百度一下)当前版本3.0.83

二、引入文件
将解压后的scripts和styles文件夹复制到项目中,在页面中引入shCore.js和核心CSS文件shCore.css
其次引入你要高亮的语言JS,比如想高亮显示Java,那么必须引入scripts文件夹中的shBrushJava.js
最后引入高亮显示的主题CSS,默认为shThemeDefault.css

三、下面以高亮显示html代码为例
引入JS和CSS文件后 写如下代码:
注:HTML代码显示在标签为中,SyntaxHighlighter默认会自动查找标签
其中标签可自定义,可以是等等,只需修改如下配置代码:
SyntaxHighlighter.config.tagName = 'div';
同时根椐class类名选择不同的格式刷,如上是以html为例,因此格式刷配置为 class="brush: html;"
效果如图:

submitFormhrmisrelicstore = $('#dom_formhrmisrelicstore').SubmitForm( {
            pageType : currentPageTypehrmisrelicstore,
            grid : gridhrmisrelicstand
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值