Pure-Highlightjs

A lightweight syntax highlighter for WordPress

一个可以在编辑器中可视化选择代码语言和插入代码的 WordPress 插件。

利用 highlightjs 来实现代码高亮。

可以显示行号、鼠标悬浮高亮和被标记行高亮

预览图

上图为代码高亮、显示行号、鼠标悬浮行高亮和被标记行高亮

上图为颜色设置界面

显示行号

代码参考自：给博客的highlight.js添加行号和行号高亮

Dependents

highlight.js

BugList

未解决的 Bug：

代码中的单行注释 // ***** 后面所有的代码不会被高亮。判断是显示行号 JS 代码导致的，由于能力问题暂不能修复该 Bug，目前的解决办法为使用 Prism 实现代码高亮和显示行号。详见 Prism 分支。

和 </code></pre> 在同一行的代码不被显示，原版插件在插入代码时代码最后和结束标签连在一起，因此使用了显示行号 JS 脚本后会导致原来文章中代码最后一行不显示。

解决方法：修改之前的文章，或者用 SQL 语句批量更改之前文章中的 “</code></pre>”

改为 “\n</code></pre>”

即将代码最后一行和 </code></pre> 之间用换行隔开。

Attention

已在插件主文件中添加了执行 SQL 语句的函数，因此在启用插件时会自动执行下面的 SQL 语句。

SQL 语句为：

UPDATE wp_posts
SET post_content = replace( post_content, '</code></pre>', '\n</code></pre>' )
WHERE post_status = 'publish' AND post_type IN ('post','page');

UPDATE wp_posts
SET post_content = replace( post_content, '\n\n</code></pre>', '\n</code></pre>' )
WHERE post_status = 'publish' AND post_type IN ('post','page');

UPDATE wp_posts
SET post_content = replace( post_content, '\r\n\r\n</code></pre>', '\r\n</code></pre>' )
WHERE post_status = 'publish' AND post_type IN ('post','page');

对于之后编写新文章插入代码，此项目中已经将插件的插入代码部分做了修改，在插入代码时自动将代码和结束标签间用换行隔开。

Prism 分支

Prism 分支解决了目前已知的 Bug，不过没有了动画，能接受上面所说的Bug的，可以继续使用该版本(v2)，若无法接受则使用 Prism 版本(v3)。

安装方法

前往 Release 页面下载打包好的 zip 压缩包，在 WordPress 插件页面点击安装插件，再点击上传插件，选中下载好的插件压缩包即可。对了，在启用插件前要先把原版的插件给停用了，不然可能会产生冲突。

具体教程

纯代码让 pure-highlightjs 插件能够显示代码行号(已更新插件)

License

The MIT License.

sunriseydy / pure-highlightjs Goto Github PK