用 HIGHLIGHT.JS 在youBBS 实现代码高亮

By admin at 2013-10-25 13:41 • 2039次点击

前几天推荐了一款前端渲染的代码高亮 HIGHLIGHT.JS https://www.youbbs.org/t/1337 想想这里也经常贴一些代码，就想办法实现一下。如果在python 环境可以用pygments 实现代码高亮渲染，保存在数据库的是渲染后的纯html 代码。前端有它自己的好处，就是编辑数据源比较方便，只是浏览器渲染需要一些时间。下面是代码高亮测试 python

print &quot;hello&quot;
for i in range(10):
    print i
    if i&gt;5:
        print i, '&gt;5'

&lt;script type=&quot;text/javascript&quot;&gt;
alert('hello');
&lt;/script&gt;

html

&lt;h1&gt;h1 text&lt;/h1&gt;
&lt;p style='color:red'&gt;red text in p tag&lt;/a&gt;

添加代码高亮的方法：把代码放在三个“反单引号”（在键盘左上角，Esc 下面，切换到英文输入）之间

JS, HIGHLIGHT, youBBS, 高亮, 代码

相关帖子：

共 7 条回复 | 2013-10-30 10:02

Vps版本也可以吗？不用修改代码？

root at 2013-10-25 20:58

@root 代码要修改的。

admin at 2013-10-26 07:45

求代码，要不发布一个更新包吧

root at 2013-10-27 02:09

'''echo,helloword,test'''

root at 2013-10-27 08:49

echo,helloword,code-test

root at 2013-10-27 08:49

set_content 函数添加个正则识别所有字符失败看说明应该是把前后{3}替换成<pre><code> </code></pre>配合js和css就可以的`` // code

if(strpos($text, '`')){
    $text = preg_replace('`{3}([\s\S]+)`{3}','&lt;pre&gt;&lt;code&gt;\1&lt;/code&gt;&lt;/pre&gt;', $text);
}```

不会还是iis的正则识别不好吧上次用户名汉字就匹配不了

乖乖念祢 at 2013-10-29 23:16

@乖乖念祢还需识别哪些要替换，哪些不要替换，晚点写一下实现方法。

admin at 2013-10-30 10:02