Npcink Blog
切换菜单
本页目录3 节

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 上请求新的语言

单击以查看语言/主题示例

Generic Assembly

CSS

C++

Diff

HTML

JSON

JavaScript

LUA

Matlab

PHP

RAW

Rust

Squirrel

VHDL

相关链接

GitHub 上的 Enlighter 插件

兼容性

MooTools 支持的所有浏览器(需要启用 JavaScript)和“数据 - ”属性的 HTML5 功能都与 Enlighter 兼容。它可能适用于早期/其他浏览器。

通常 Enlighter(JavaScript 部分 EnlighterJS 基于 MooTools JavaScript 框架)应该在 noConflict 模式下与 jQuery 一起工作- 当你在 WordPress 主题/页面中使用 jQuery 时,你必须要处理它!

  • Chrome 10+
  • Safari 5+
  • Internet Explorer 6+
  • Firefox 2+
  • Opera 9+

截图