本页目录
Enlighter 是 WordPress 的免费,易于使用的语法高亮工具。高亮显示由 EnlighterJS JavaScript 库提供,以提供漂亮的代码外观。
使用它就像添加一个新的 Enlighter 源代码块(Gutenberg)一样简单,并插入要突出显示的代码:Enlighter 负责其余工作!
包含一个易于使用的 Theme-Customizer 来修改内置主题,**而无需任何 CSS 知识!它还支持自动创建选项卡窗格以一起显示代码组(适用于多语言示例–例如 html + css + js)
-
插件介绍:** WordPress
-
古登堡编辑器会提供一个新的代码高亮区块,选择使用即可。
-
安装后,文章编辑栏会有**{}**小图标,点击该图标,选择语言,放入代码即可。
插件功能
- 古登堡编辑器完全集成
- 完全经典编辑器集成(TinyMCE)
- 支持所有常用语言
- 强大的通用突出显示引擎,可处理未知语言
- 主题定制器,
包括 LIVE 预览模式
-
内联语法突出显示
-
bbPress 简码+降价代码块支持
-
选项页面中提供了高级配置选项(CDN 使用情况,..)。
-
支持代码组(在选项卡窗格中显示多个代码块)
-
可扩展的语言和主题引擎–添加您自己的引擎。
-
基于简单 CSS 的主题
-
集成 CSS 文件缓存(适用于高流量站点)
-
Webfont Loader 将缺少的 Monospace 字体添加到您的网站
-
完全符合 GPDR –无需外部资源,也不会聚合任何数据
古腾堡编辑器集成
- 通过“ Enlighter 源代码”模块进行完全编辑器集成
- 经典编辑器帖子的自动转换(将代码块转换为 Enlighter Sourcecode 块)
- 将旧版代码块转换为 Enlighter Gutenberg 块(手动转换)
文件与用法
经典编辑器(TINYMCE)集成
- 通过工具栏中的 Enlighter 按钮进行完全编辑器集成
- 内联语法突出显示
- 制表符缩进模式,
使代码与 tab 键对齐(单行和块选择)
- 编辑器格式突出显示现有代码
- 文件与用法
降价促销
- Markdown 围栏代码块
- 通过反引号(包括特定于语言的插件)的内联语法突出显示
TEXTEDITOR / SHORTCODES(旧版)
不推荐使用简码,只应在文本编辑器模式下使用 -切勿在 Gutenberg Editor 或 Classic Editor 中使用它们!
- 通过使用简码和快速标记,易于使用的文本编辑器模式
- 内容,注释和小部件中的简码
- 独立的 Shortcode-Processor 可以避免 Text-Editor 模式下的 wpautop 过滤器问题
支持的语言(内置)
Enlighter v3 语法高亮显示由 EnlighterJS v2 支持。如果您的语言不可用,请尝试涵盖许多编程语言的通用模式 -或在 GitHub 上请求新的语言
单击以查看语言/主题示例
相关链接
兼容性
MooTools 支持的所有浏览器(需要启用 JavaScript)和“数据 - ”属性的 HTML5 功能都与 Enlighter 兼容。它可能适用于早期/其他浏览器。
通常 Enlighter(JavaScript 部分 EnlighterJS 基于 MooTools JavaScript 框架)应该在 noConflict 模式下与 jQuery 一起工作- 当你在 WordPress 主题/页面中使用 jQuery 时,你必须要处理它!
- Chrome 10+
- Safari 5+
- Internet Explorer 6+
- Firefox 2+
- Opera 9+
截图

