更新 pure-highlightjs 插件,实现显示代码行号、鼠标悬浮行和被标记行高亮

博客一直用的是 Pure-Highlightjs 插件来实现代码的高亮,就是因为它可以在编辑器中可视化地插入代码,不用手动添加标签,特别方便。但是呢,不能显示行号。为了能够实现显示行号,对着 JS 熬了一天一夜总算是弄出一个比较满意的成果算是吐血之作吧 :(喷)

这个脚本有一个 Bug ,会导致“//” 注释下面的代码高亮消失,改为“/* */” 注释没问题。如果介意这个 Bug的,不要用下面的脚本来实现显示行号。博主已经改为 Prism 来实现代码高亮和显示行号,并且再次修改了插件代码,以实现适配 Prism。目前修改后的插件正在测试中,测试完毕我会更新这篇文章和 GitHub 上的插件。敬请期待!

2018-7-8 更新:v3 Prism 版已经测试完毕(使用 Prism 实现代码高亮和行号显示),该版本修复了 v2 highlightjs 版的两个 Bug。GitHub 地址:https://github.com/sunriseydy/Pure-Highlightjs/tree/Prism

v3 Prism 版下载地址:https://github.com/sunriseydy/Pure-Highlightjs/raw/Prism/Pure-Highlightjs-3.0.1.zip


插件更新项目地址:https://github.com/sunriseydy/Pure-Highlightjs

插件更新下载地址(v2 Pure-Highlightjs 版):https://github.com/sunriseydy/Pure-Highlightjs/releases

想看更多?点我点我 “更新 pure-highlightjs 插件,实现显示代码行号、鼠标悬浮行和被标记行高亮”