
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\]"Setre.Execute(strContent)For Each strMatch inReplace(strContent, strMatch.Value, " textareacode""" & strMatch.SubMatches(0) & """ " & UBBFilter(HTMLDecode(strMatch.SubMatches(1))) /textarea ", 1, -1, 0) NextSetNothing第三步:打开根目录下的 header.asp 文件,找到
linkstylesheetstylesheetFCKeditor/editor/css/Dphighlighter.csstext/cssall / !--FCK块引用 代码样式--在后面加入下面这段代码
linkstylesheetstylesheetcommon/veisin/veisin.csstext/css /第四步:打开根目录的 footer.asp 文件,找到
scripttext/javascript initAccessKey() //转换AccessKey For IE /script在后面加上下面的代码
scriptjavascript src= common/veisin/shCore.js /script scripttext/javascript src= common/veisin/shBrushJScript.js /script scripttext/javascript src= common/veisin/shBrushVb.js /script scripttext/javascript src= common/veisin/shBrushCss.js /script scripttext/javascript src= common/veisin/shBrushCSharp.js /script scripttext/javascript src= common/veisin/shBrushCpp.js /script scripttext/javascript src= common/veisin/shBrushDelphi.js /script scripttext/javascript src= common/veisin/shBrushJava.js /script scripttext/javascript src= common/veisin/shBrushPhp.js /script scripttext/javascript src= common/veisin/shBrushPython.js /script scripttext/javascript src= common/veisin/shBrushRuby.js /script scripttext/javascript src= common/veisin/shBrushSql.js /script scripttext/javascript src= common/veisin/shBrushXml.js /script scripttext/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来发布,有可能会显示错误的。所以呢,此适用于那些懂点代码的朋友!