使用syntaxhighlighter实现代码高亮显示

引入CSS文件

<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.css"/>

引入JS文件，并调用相应的方法

<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript">
     $(function(){
     SyntaxHighlighter.all();
   });
</script>

将代码通过<pre class="prettyprint brush: php">代码内容</pre>包裹即可，因为上面引入了shBrushPhp，所以此处需要指定是php语言

<pre class="prettyprint brush: php">
代码内容
</pre>

代码高亮显示测试

 /**
  *
  *@author dequan
  */ 
  Class Person{
      public function say(){
          echo 'hello world';
      }
  }

更多的高性能JavaScript代码高亮插件可以参考：http://www.findme.wang/Blog/detail/id/109.html

若您感觉本站文章不错，读后有收获，不妨赞助一下？

您还可以分享给朋友哦