给你的文章页加上代码高亮显示

浏览:1043 发布日期:2013/11/12 分类:用法示例 关键字: jquery插件,插件大全
SyntaxHighlighter 是让你的文章展示页中的代码高亮的一组js插件
代码使用说明
1. js<script type="text/javascript" src="Scripts/shCore.js"></script>
<script type="text/javascript" src="Scripts/shBrushCss.js"></script>
<script type="text/javascript" src="Scripts/shBrushJava.js"></script>
<script type="text/javascript" src="Scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="Scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="Scripts/shBrushSql.js"></script>
<script type="text/javascript" src="Scripts/shBrushXml.js"></script>
<script class="javascript">
SyntaxHighlighter.config.clipboardSwf = 'Scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
2. css<link type="text/css" rel="stylesheet" href="Styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="Styles/shThemeDefault.css">
3. html<pre class="brush:php">
// PHP示例
echo 'hellooo';
function test(){
    return 123;
}
</pre>

<pre class="brush:css">
/*CSS示例*/
a{text-align:center;}
</pre>


<pre class="brush:js">
// JS示例
document.getElementById("hhhhh").value = 'hellooo';
document.writeln('hellooo');
</pre>
插件效果:


下载地址:
http://chajiandaquan.com/plugin/view/id/121.html
评论( 相关
后面还有条评论,点击查看>>