SyntaxHihglighter高亮插件的实现方法

从http://alexgorbatchev.com/下载SyntaxHihglighter2.0,解压后有三个文件夹,src那个不用管,把其他两个目录下的所有文件拷到新建Hlight的目录下,再把Hilght放到pjblog的Plugins目录下。
然后在header.asp文件中95行左右加入以下内容:


























(shThemeDefault.css可以替换为其他样式表,如:shThemeDjango.css)
类似于Plugins/Hilight/shBrushCpp.js的文件,根据需要添加;
如需使用静态页面,需把上面的内容加入Template/static.htm中。
再在common/ubbcode.asp文件中254行加入:

re.Pattern = "\[code=(.[a-zA-Z]*)([0-9]*)\](.*?)\[\/code\]"
Set strMatchs = re.Execute(strContent)
Dim lang,code,line
For Each strMatch in strMatchs
lang=strMatch.SubMatches(0)
line=strMatch.SubMatches(1)
code=strMatch.SubMatches(2)
strContent = Replace(strContent,strMatch.Value,"

""程序代码""/ "& lang&" 代码
"&code&"
") NEXT

最后再稍微修改下Plugins/Hilight/shCore.css文件,就可以好看点。

margin: 0 0 0 0 !important;

把外边距全改为0,可以更好的融入pjblog的代码框里面的
使用格式:
[code=code231]代码[/code]
code为代码类型:php vb css 等
231为代码起始行号,如果行号从1开始可以不写
fckeditor中直接

代码

http://defe.me/article.asp?id=118

Published by 阿飞 on
Tags: pjblog, 插件, SyntaxHihglighter

4 条评论

  1. Mushawir Mushawir

    博主,只出来了外壳,高亮效果没出来,我用最新版本测试的...不会是缺了什么步骤吧博主?[face11]

  2. Mushawir Mushawir
    博主,只出来了外壳,高亮效果没出来,我用最新版本测试的...不会是缺了什么步骤吧博主?

    自己给解决了...这下不用麻烦博主勒[face02]
    [reply=defe,2009-05-19 10:24 PM]恭喜:)[face03][/reply]

  3. M,issend M,issend

    请楼主审核连接。
    [reply=defe,2009-05-20 12:53 AM]已通过[/reply]

  4. Mushawir Mushawir

    我又过来了.
    这个插件跟pj原本有的UBB有冲突啊,也不算冲突时误解吧..(你也可能注意到了吧)
    比如我写: pj就把给换掉了..页面显示CHar10效果..
    [reply=defe,2009-05-22 00:11 AM]SyntaxHighlighter.config.bloggerMode = true;
    设置这句,把“
    ”替换为'\n'了。不设置这句代码就无法分行
    你可以研究下SyntaxHighlighter中的src目录下的shCore.js文件[/reply]