1. 首页
  2. 技术
  3. 插件下载

Enlighter-一款功能强大好用的WordPress代码高亮插件

#夜草牧场#广告位招租 QQ:183728739

Enlighter,全名是Enlighter – Customizable Syntax Highlighter。Enlighter是一款免费的、易于使用的、语法突出的插件工具,可以嵌入到后台编辑器。支持各种自定义和各种脚本的专属添加形式,而且也有代码行数和自定义CSS样式,总之功能很强大。

第一、Enlighter插件安装和设置

1、插件下载激活

地址:https://wordpress.org/plugins/enlighter/

或者我们直接在后台搜索”Enlighter – Customizable Syntax Highlighter”进行安装启用即可。

2、插件设置

Enlighter-一款功能强大好用的WordPress代码高亮插件
我们可以设置样式、默认语言、缩进、行数提示等等。总之很详细,如果我们需要深入研究得花点时间,默认也是可以的。

第二、Enlighter插件使用

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

Enlighter-一款功能强大好用的WordPress代码高亮插件

看到弹窗,我们来选择语言和格式和添加代码。

Enlighter-一款功能强大好用的WordPress代码高亮插件

文章保存更新后我们在前台看到如下效果

Enlighter-一款功能强大好用的WordPress代码高亮插件

三、修改样式中的字体大小

找到wp-content/plugins/enlighter/resources/EnlighterJS.min.css样式中的.EnlighterJS span

把里面的字体大小12px改成你需要的大小,在这里我改成16px; 效果如下图:

Enlighter-一款功能强大好用的WordPress代码高亮插件

四、总结

Enlighter这款WordPress代码高亮插件功能强大,而且设置简单,使用的时候也比较简单,且展现的代码高亮也是比较友好。如果有需要用WordPress代码高亮插件的,建议用Enlighter。

测试效果,下载地址:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!

本文来自用户投稿,不代表夜草牧场立场,版权归原作者所有,如有侵权请立即与我们联系及时处理。

发表评论

登录后才能评论

评论列表(2条)

  • sandy 2018-10-25 12:12

    Vue 文件的代码语法高亮吗?

联系我们

在线咨询QQ及邮件:183728739@qq.com

工作时间:周一至周五,9:00-20:30,节假日休息