[代码高亮]syntaxhighlighter For PJBlog

Syntaxhighlighter的这种代码的效果看起来还是很不错的。

代码显示更加的清晰美观。

这种效果是在Google上看见的，觉得很不错，于是就有了把她弄到PJBlog上的想法。经过一些简单的修改，也实现了这样一个效果。

下面就来介绍一下是怎么实现这一效果的！我是在PJBlog3 v2.8.5.157 的基础上修改的，建议修改前请备份！

第一步：下载文件：Syntaxhighlighter（提取码: 4ip3），解压。将解压下来的 veisin 文件夹上传到 common 文件夹下面。

第二步：打开 common 文件夹中的 ubbcode.asp，找到

'-----------List标签----------------

大概位于290行。在它的前面有一个

End If

在

End If

的前面加上下面的代码

re.Pattern = "\[code=([^\r]*?)\](.*?)\[\/code\]"
Set strMatchs = re.Execute(strContent)
For Each strMatch in strMatchs
strContent = Replace(strContent, strMatch.Value, "<textarea name=""code"" class=""" & strMatch.SubMatches(0) & """>" & UBBFilter(HTMLDecode(strMatch.SubMatches(1))) & "</textarea>", 1, -1, 0)
 Next
Set strMatchs = Nothing

第三步：打开根目录下的 header.asp 文件，找到

<link rel="stylesheet" rev="stylesheet" href="FCKeditor/editor/css/Dphighlighter.css" type="text/css" media="all" /><!--FCK块引用&代码样式-->

在后面加入下面这段代码

<link rel="stylesheet" rev="stylesheet" href="common/veisin/veisin.css" type="text/css" />

第四步：打开根目录的 footer.asp 文件，找到

<script type="text/javascript">initAccessKey()  //转换AccessKey For IE</script>

在后面加上下面的代码

<script language="javascript" src="common/veisin/shCore.js"></script>
<script type="text/javascript" src="common/veisin/shBrushJScript.js"></script>
<script type="text/javascript" src="common/veisin/shBrushVb.js"></script>
<script type="text/javascript" src="common/veisin/shBrushCss.js"></script>
<script type="text/javascript" src="common/veisin/shBrushCSharp.js"></script>
<script type="text/javascript" src="common/veisin/shBrushCpp.js"></script>
<script type="text/javascript" src="common/veisin/shBrushDelphi.js"></script>
<script type="text/javascript" src="common/veisin/shBrushJava.js"></script>
<script type="text/javascript" src="common/veisin/shBrushPhp.js"></script>
<script type="text/javascript" src="common/veisin/shBrushPython.js"></script>
<script type="text/javascript" src="common/veisin/shBrushRuby.js"></script>
<script type="text/javascript" src="common/veisin/shBrushSql.js"></script>
<script type="text/javascript" src="common/veisin/shBrushXml.js"></script>
<script type="text/javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'common/veisin/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

当然了这上面并不是所有的我们都用的到，所以我们可以有选择的添加。

第五步：找到 FCKeditor 文件夹，打开FCKeditor/editor/css/Dphighlighter.css，删除下面的代码。

 .Content-body li {
 list-style:disc
 }

第五步是为了解决数字的显示问题，如果不去掉的话，那么代码前面的数字将不会显示，而是显示一个小圆点。

第六步：效果显示。

下面就是怎么用这个效果了。

在UBB下发表文章，代码我们原来是用[code][/code]

现在我们发布代码的时候用[code=**][/code]

此时**代表Vb，JScript，Css，CSharp，Cpp，Delphi，Java，Php，Python，Ruby，Sql，Xml

终于全部写完了，累死了……

PS：忘了说了，你发布的代码是什么类型的，就用什么类型的标签。这样不容易出错。换句话说，比如你写的是CSS代码，而你用的JScript来发布，有可能会显示错误的。所以呢，此适用于那些懂点代码的朋友！