zblog代码高亮增加支持代码一键复制功能的插件Jz52_code
网站文章 2026-09-21 06:13:24 2 0

zblog ueditor编辑器前端代码高亮显示效果比较简单,常见的代码高亮窗口的代码一键复制按钮也没有,这会使访客复制长代码的时候不太方便,虽然影响不大,但是添加代码一键复制按钮也许可以提高网站的用户体验,毕竟用户体验也是SEO的一部分。

对于普通zblog用户来说,自己给代码高亮增加一键复制功能可能会比较复杂,所以使用插件会是个快捷通道。应用中心ID为“Jz52_code”的这款【代码高亮美化+代码一键复制】插件就可以实现代码一键复制功能。

这是一个小插件,支持UE编辑器和NE编辑器。主要功能是修改了ueditor编辑器默认的代码高亮显示样式,以及在右上角插入了一个复制功能的图标按钮,复制功能借助的是clipboard.min.js插件。

插件使用方法

后台应用中心搜索“Jz52_code”,然后安装应用即可,效果如下:

如果还是喜欢默认的代码高亮样式,或者想自己修改代码高亮的样式,可以修改样式文件 zb_users/plugin/Jz52_code/Jz52_code.css,效果如下:

PS:如果单纯地想要个代码一键复制功能,可以在当前使用主题中引用clipboard.min.js文件,然后参考这个插件的js代码在代码高亮的HTML节点内插件一键复制按钮,这样就可以免安装插件了。

文章说明
本文标签:
©版权声明
本站提供的一切软件、教程和游戏辅助仅限用于娱乐和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集,版权争议与本站无关。如有侵权请邮件与我们联系处理。敬请谅解!6594404@qq.com