WordPress代码高亮插件 Enlighter – Customizable Syntax Highlighter

Enlighter是一款免费的、易于使用的、语法突出的插件工具,可以嵌入到后台编辑器。支持各种自定义和各种脚本的专属添加形式,而且也有代码行数和自定义CSS样式,总之功能很强大。Enlighter也可以兼容Crayon Syntax Highlighter,如果以前使用的是Crayon Syntax Highlighter代码高亮插件,在启用Enlighter – Customizable Syntax Highlighter插件之后,需要把Crayon Syntax Highlighter插件停用,否则会有报错提示。

Enlighter插件安装和设置

1、插件下载安装

你可以选择下面任一种方法下载安装:

①本站下载:本站提供的是Enlighter3.9.0汉化版下载,你也可以只替换插件文件夹/lang文件夹内的文件即可。

②官网下载地址:https://wordpress.org/plugins/enlighter/

③直接在Wordpress后台搜索”Enlighter – Customizable Syntax Highlighter”进行安装最新版即可。最新版已经增加了简体中文,大家可以直接下载安装使用。

2、插件设置

我们可以设置样式、默认语言、缩进、行数提示等等。总之很详细,如果我们需要深入研究得花点时间,默认也是可以的。

Enlighter插件使用

我们在内容编辑器上找到按钮(Code Insert)点击就出来添加代码的窗口。

 

看到弹窗,我们来选择语言和格式和需要添加代码。如下图:

保存之后我们看到的效果:

# Nginx规则
location /
{
    try_files $uri $uri/ /index.php?$args;
}
rewrite /wp-admin$ $scheme://$host$uri/ permanent;

# Apache 规则
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Enlighter替换Crayon Syntax Highlighter

Enlighter是可以兼容Crayon Syntax Highlighter插件的,如果您以前用的是Crayon Syntax Highlighter,可以按以下设置兼容高亮代码

选项 – 高级选项 – CSS 选择器 – 阻止CSS选择器

设置为:

pre.EnlighterJSRAW,pre[class*="lang:"][class~="decode:true"]

选项 – 高级选项 – CSS 选择器 – 内嵌 CSS 选择器

设置为

code.EnlighterJSRAW,span[class*="lang:"][class~="decode:true"][class~="crayon-inline"]

测试版 – 测试版特性 – 动态资源调用(DRI) – 启用DRI

设置为下图所示:

 

1. 本站所有资源均来源于用户上传和网络,如有侵权请邮件联系站长!

2. 分享目的仅供大家学习和交流,请不要用于商业用途!

3. 如果你也有好Wordpress主题、Wordpress插件或者教程,可以到审核区发布,分享有金币奖励和额外收入!

4. 本站提供的主题、插件、教程等等其他资源,都不包含技术服务。请大家谅解!

5. 如遇到加密压缩包,默认解压密码为lingshan.info,如遇到无法解压的请联系管理员!


凌山博客 » WordPress代码高亮插件 Enlighter – Customizable Syntax Highlighter