官方首页 | 无图版 | BBS首页
PJBlog3 2.8.5.157 新版发布 下载|升级(2008.8.26) 来给PJ3提提发展建议 2008版 PJHOME 珍藏/纪念版官方T恤 正式发布! PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJ-Blog 3 斑竹日志 【独家】我使用过的三种空间,与客服的精彩故事 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
 20 12
发新话题
打印

让你的PJBLOG支持代码高亮,和对PJBLOG3的建议

本主题由 星铃丹 于 2006-8-14 17:56 设置高亮

让你的PJBLOG支持代码高亮,和对PJBLOG3的建议

很多朋友都在使用PJBLOG,自己也对PJBLOG关注了很久。
这个产品正在不断的完善,功能也不断的加强!感谢作者给我们带来这么好的产品。

在此提几个小小的建议,不知对作者有没有帮助。
1、更加合理的文件部署
    系统的代码感觉有点乱,部署文件的时候可以更加合理。
    如:
    /js              专门放置JS文件
    /xml           专门放置xml文件
    /util           专门放置一些通用函数
    /classes      专门放置类文件
    /BlogDb     专门放置数据库文件
    /Plugins     专门放置插件文件
    /skins        专门放置皮肤文件

    pjblog在实现业务逻辑的时候,代码的逻辑有点乱,经常一个文件又有class定义,又有function/sub定义,又有html代码块。可否将不同类型的代码块放到不同类型的文件中?

2、语法高亮的模块
    希望pjblog能够加入语法高亮的模块,现在有一些blog(如:博客堂)能够实现.net代码块高亮显示并带收缩功能,有些支持php,asp,html,js等代码的高亮显示。在ubbcode.asp中看到作者有定义了highlightcode的UBB标签,但是没有实现。后来本人完善了一下,加入了ubb对highlightcode的支持,是由js实现的,但感觉很不理想。

[ 本帖最后由 windy314 于 2006-8-14 15:34 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

补充一下代码高亮的代码

===================================
概述
===================================
因为很喜欢博课堂里的语法高亮,所以就到网上找了几个语法高亮的代码,并整合到PJBLOG中。效果不是很理想,希望DX们能够改进。

本代码直接覆盖到blog根目录即可。

===================================
原理
===================================
采用highlightcode的UBB标签,将需要高亮显示的代码块转换成html代码,放置于一个display:none的Textarea中,其上下文结构是:

<SPAN class="UBBHighLightCode">
  <Textarea style="display:none">
        // 此处将ubb标签中的代码copy过来
  </Textarea>
  <Div><!--这里将由JS自动填充通过高亮转换以后的代码,并显示--></DIV>
</SPAN>

在SPAN的class中定义了一个UBBHighLightCode样式:
.UBBHighLightCode {BEHAVIOR: url(HighLightCode.htc);white-space:normal; word-break:break-all}
-------------
注意:由于样式文件都在skins下,不同的skins有不同的样式,所以这里需要在你使用的样式中的增加次句代码就okey。

这里用到了htc,好象FIREFOX不支持,测试过的确不支持,郁闷ing...

htc的作用就是处理各种代码,并返回高亮处理以后的代码。

===================================
使用方法
===================================
1、在发表日志的时候,选择UBB编辑器
2、在使用高亮显示的代码块使用
[highlightcode=xx]
<script>
alert('Test High Light');
</script>
[/highlightcode]

其中xx是可以为 sql,c#,java,vb,js,html,xml,也就是支持这些语言的高亮显示,嘿嘿。

目前只能手写,并没有集成到UBB编辑器的界面,没功夫弄了:(


===================================
注意事项:
===================================
1、有遇到<br/><br><Br/><BR/>等等的时候,就直接显示换行了。这是个bug,解决方法就是替换<br>为<br />,中间加一个空格就好了。

2、一定要选择一个语言类型highlightcode=c#

3、对于以前的文章,只要修改一下,加入UBB标签就可以了。

===================================
更新文件说明
===================================
HighLightCode.htc                行为文件
/skins/Nuvola/layout.css        样式文件,可以将上面提到的代码复制到相应的skins中
/common/ubbcode.asp                只是增加了对highlightcode转换的代码




没有版权,欢迎copy
windy
2006.8.14

TOP

好东西 收藏了 谢谢
http://www.upzz.com/blog

TOP

吧唧,我顶你!

TOP

这个功能,我也打算做到PJBlog3里,PJBlog2显示的代码加亮不好

TOP

学习了 ~~支持下~~~~

TOP

嘿嘿,期待ing...~~
这个代码是用htc写的,不支持FIREFOX,如果要兼容其他浏览器就得下点功夫了:)

TOP

来支持下~~~~~~~~

TOP

不是很懂,学习中...
欢迎与我链接!

TOP

引用:
原帖由 puterjam 于 2006-8-17 22 发表
这个功能,我也打算做到PJBlog3里,PJBlog2显示的代码加亮不好
代码加亮的功能很有必要,加油!

继续支持!

TOP

 20 12
发新话题