程序语法高亮工具syntaxhighlighter

    在IT博客中有些文章会程序代码，而贴出代码。如果不做处理，则显示效果不能像editPlus那般突出，而代码高亮工具syntaxhighlighter语法高亮工具，它不需要与服务器交互，只需要包含相应的格式代码JS包，就可以轻松实现代码高亮，使用非常简单。先看下Java实例的效果图：

第一步：下载syntaxhighlighter语法高亮源码包，当前版本是3.0.83
下载地址
第二步：解压文件包
第三步：syntaxhighlighter语法高亮工具的使用
A：JS部分：针对不同的程序，调用的js不同，本例以java为例。

<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushJava.js"></script>
<script type="text/javascript"> SyntaxHighlighter.all();</script>

 
B：CSS部分:核心的CSS样式

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

   这个CSS样式是一定需要的，因为所有的显示都在这个CSS样式文件中定义。
 
C：HTML部分

<pre class="brush:java;">
<!--java程序代码-->
</pre> 

   HTML代码显示在标签为<pre></pre>中，syntaxhighlighter默认会自动查找<pre />标签，其中标签可自定义，可以是<div />，<ul />，<ol />等，只需要加上如下配置代码：
SyntaxHighlighter.config.tagName = 'div';
同时根椐class类名选择不同的格式，由于本例以Java为实例，则配置为class="brush:java;"



注意：本实例的网页为附件syntaxhighlighter_3.0.83中的JavaTest.html