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

插件大全

SyntaxHighlighter 是让你的文章展示页中的代码高亮的一组js插件
代码使用说明:
1. 引入js

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

CSS复制代码

 
<link type="text/css" rel="stylesheet" href="Styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="Styles/shThemeDefault.css">
 

复制代码

3. html 示例

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