通过添加Discuz!代码的方式为论坛加入代码高亮功能

未经许可,禁止转载。
本文链接地址: https://www.annhe.net/article-102.html

一直想给Discuz论坛增加代码高亮的功能,以便更好的作为技术站。以前试过一个插件,milu_hightLight,但是有一些小问题,最终还是放弃了。

去年暑假曾经搞过一段时间代码高亮,当时只是把代码生成高亮的html文件,代码见http://bbs.tecbbs.com/thread-193-1-1.html,使用的是SyntaxHighlighter,效果还算可以,下面是用html代码在dz日志里发的效果http://www.tecbbs.com/blog-1-1.html,但是html代码可不能开放使用,就算是开放,用起来也不方便。

其实使用SyntaxHighlighter实现代码高亮还是比较简单的,引用js和css文件之后,将代码放在

就可以了。

所以,按照这个思路,添加一个discuz代码是不错的选择。Html代码不安全,Discuz代码提供了一个相对安全的机制,可以用某些标签替代html代码。先说明一下,这个最终并没有成功,这里只是记录一下。

添加一个pre标签,编辑标签替换的内容为:

 

需要说明一下,我将js代码和css代码合并了,实际使用时需将js和css文件调用路径改为自己的。

使用示例:

 

愿望是好的,但是完成之后问题来了,看图:

 

行尾多出了<br>,呵呵,一直没有解决,此外这样之后页面加载速度很慢,就此放弃了,如果哪位博友知道如何解决,还望赐教。

 



未经许可,禁止转载。
本文链接地址: https://www.annhe.net/article-102.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注