打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
WordPress官方推荐的代码高亮插件

  今天花了大半天的时间,终于选择好自己心仪的wordpress代码高亮插件,同时它也是wordpress官方推荐的代码语法高亮插件。在选择的过程中,我对比和试用了若干个代码高亮wordpress插件,包括有国人开发的wp-codebox、codecolorer、wp-syntax等,但这些插件不是很久没有更新和最新的wordpress不兼容导致安装不上,就是功能无法满足我的要求。直到我在wordpress官方网站支持文档里看到了我要的效果,以及在文章最后找到了wordpress推荐的代码高亮插件

效果预览

syntaxhighlighter效果预览

  该插件是基于开源的js组件Alex Gorbatchev’s SyntaxHighlighter实现的,代码高亮效果实在是湿水的棉花-没得弹的!而且放鼠标到代码区域,右上角还会显示复制代码、查看代码、打印代码等的功能键,而这也是其他插件所不具备的。

安装

  可以去插件首页直接下载进行安装,或者搜索关键词“SyntaxHighlighter Evolved”,选择排在第一位的进行安装。

设置


syntaxhighlighter设置

  安装完插件后,可以对插件的相关选项进行设置,该插件可以实现SyntaxHighlighter的2.x和3.x版本之间进行切换,建议选择2.x版本,因为经试用,发觉只有2.x版本的才支持放鼠标到代码区显示复制、查看、打印代码的按钮。

使用

  在需要插入代码的文章里用与代码相符的标签把代码包起来,例如需要插入css代码,则只需要用[/css]及其闭包把代码包围起来就行,在插件设置页面后面有一些简单的示例可以参考,如下图:

syntaxhighlighter使用

  在使用该插件的过程中遇到任何问题,可以留下评论,大家帮忙解决。

WordPRess 下载:

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
代码高亮插件Syntaxhighlighter3.0.83详细使用方法
15 款代码语法高亮工具,美化你的代码
不使用插件实现对WordPress默认编辑器的增强 | 宇新科技帮助与支持
只需一步,修改博客园的代码高亮效果
百度编辑器ueditor代码高亮效果前台不显示的解决方法
在 WordPress 的 HTML 编辑界面中添加 SyntaxHighlighter 按钮
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服