再议 语法高亮插件的选择

之前一篇《为博客园选择一个小巧霸气的语法高亮插件》介绍了语法高亮插件的选择,当时只注重速度了。
这些天在做深度定制的时候发现一个严重的问题,匹配精度不够。

什么是匹配精度呢?
简单说就是没有把代码分块,是否分的足够细,如果精度不够,会导致很多关键词,符号什么的都没法实现高亮。
精度越高,就能美化的更具体,具体到每个单词,每个操作符,甚至每个括号。

来看几个图吧

可以看到他们渲染后的精度。(节点越多,表示精度越高)

排名名称节点数
1 Pretiffy 59802 节点
2 Snippet 43775 节点
3 SHJS 33985 节点
4 Highlight 8432 节点

再结合他们渲染速度。

排名名称渲染时间节点数
1 SHJS 627ms 33985 节点
2 Pretiffy 1.26s 59802 节点
3 Highlight 567ms 8432 节点
4 Snippet 9.40s 43775 节点

这么看来 SHJS 才是最霸气的,Pretiffy 次之。
当然据我所知目前最霸气的还是要数 CodeMirror, 人家是在线代码编辑器,精度和本地的编辑器几乎一样,能精确到每个标点符号。
而且渲染速度也极快,我没具体测试,只是把这个 jQuery 代码复制进去,它能直接高亮显示出来不会有卡的感觉,必然是毫秒级的神器。
但是他不符合我的选择标准,我要小巧霸气的。

Highlight 已经让我对他失去了信心,SHJS 才是首选。
当然如果你不在乎这1,2秒,那选择 Pretiffy,CodeMirror 是最合适的了。
CodeMirror 还能直接编辑,毕竟它是编辑器,而且支持 emmet 快捷键呢。

好了,今天水了一篇,明天尽量写技术。。

posted @ 2014-06-11 15:57  楼教主  阅读(1345)  评论(2编辑  收藏  举报