给你的文章页加上代码高亮显示
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://www.thinkphp.cn/Uploads/editor/2013-11-12/528181950b1cd.jpg
下载地址 http://chajiandaquan.com/plugin/view/id/121.html
页:
[1]