我用了很多年的Crayon Syntax Highlighter早已不再维护,WordPress 5.0带来新的Gutenberg编辑器后,因为API的变更,这一古老的插件已经事实上完全无法使用了。今天我在插件目录搜索了一下新的语法高亮插件,就看到了更新相当及时的Enlighter。经过对插件设置的研究,我发现它提供的自定义CSS Selector功能可以让之前用Crayon Syntax Highlighter创建的代码块也带上高亮功能。以下是设置方法。
- Option – Block CSS Selector 设为
pre.EnlighterJSRAW, pre[class*="lang:"][class~="decode:true"]
- Option – Inline CSS Selector 设为
code.EnlighterJSRAW, span[class*="lang:"][class~="decode:true"][class~="crayon-inline"]
- BETA – Dynamic Resource Invocation (DRI)必须关闭
大佬,貌似我站点上没用啊!安装了Enlighter跟没装代码高亮似的,按你说的设置了
Enlighter 自己的高亮能用吗