[已收录]

WordPress 强大的代码高亮插件Enlighter 以及替换Crayon Syntax Highlighter的方案

本站原来一直使用Crayon Syntax Highlighter做为高亮语法的显示插件,WP都更新到V5+的版本了,Crayon Syntax Highlighter已经停止更新好久了,与一些新的特性和主题越来越不兼容,奇怪问题越来越多,经过各个插件对比试用,逐选用Enlighter这个最为简洁却不失优雅,功能实用插件来代替,首先我们先聊聊Enlighter插件!

一款WordPress代码高亮插件,使用简单,代码美观,非常强大,在wp插件页面搜索Enlighter – Customizable Syntax Highlighter安装即可。

 

Enlighter设置

这款插件安装完成后不需要任何设置就可以直接使用,目前已经支持中文,不过可能需要手动一下才能打开,在选项中的最下面的国际化,这样就能取出相对应的语言,所以用起来还是很方便滴,最下面三个选项保留中间那个即可!

窗口按钮开启后会出现在新窗口打开代码的按钮,你自己决定开不开,我开了,因为某些内容防复制的因素,在原页面会影响用户复制,所以开新窗口很好的解决了这个问题。

信息按钮开启后会出现这款插件的官方链接按钮,直接关掉就行。

接着该说说重点啦,因为本次是代替方案,因为百码云原来一直使用Crayon Syntax Highlighter,这样就导致原来所有高亮语法部分失效,显然博文多了以后手工修改相当费劲了,那么有没有更好的解决方案呢,答案是肯定的啦,有!这里不代表所有插件通用,仅为使用Enlighter代替Crayon Syntax Highlighter的方案。

首先找到选项页,到最下面能看到这样的CSS选择器选项:

好了,重点来了,

阻止CSS选择器的值设为pre.EnlighterJSRAW, pre[class*=”lang:”][class~=”decode:true”]

内嵌选择器的值设为code.EnlighterJSRAW, span[class*=”lang:”][class~=”decode:true”][class~=”crayon-inline”]

测试版中的启用DRI需要关闭,以防不测!

好啦,到此你就可以看看原来的一些文章效果了,完美解决!

 

免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 欢迎大家赞助本站,费用仅维持本站的日常运营所需!
5. 百码云无法保证文章教程或资源的完善与安全,请自行检测解决。
6. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。
百码云资源站仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
百码云 » WordPress 强大的代码高亮插件Enlighter 以及替换Crayon Syntax Highlighter的方案

提供最优质的资源集合

关于VIP 站内帮助