Enlighter代码高亮 使用指南

Enlighter 是一个免费的,易于使用的,语法高亮显示的WordPress工具。高亮显示由terjs javascript库提供支持,以提供漂亮的代码外观。

Enlighter – Customizable Syntax Highlighter

使用它可以很简单,只需添加一个新的Enlighter源代码块(Gutenberg),并插入您想要强调的代码:其余的由Enlighter负责!
包含了一个易于使用的主题自定义程序,可以在没有任何css知识的情况下修改内置主题!
它还支持自动创建选项卡窗格,以便一起显示代码组(适用于多语言示例,例如html+css+js)

插件功能
  • 支持所有常用开发语言
  • 完整的Gutenberg编辑器集成
  • 完整的经典编辑器集成(TinyMCE)
  • 强大的通用高亮显示引擎,适用于未知/不受支持的语言
  • 主题自定义程序
  • 内联语法突出显示
  • 选项页面中提供了高级配置选项。
  • 支持代码组(在选项卡窗格中显示多个代码块)
  • 可扩展的语言和主题引擎–添加您自己的引擎。
  • 基于CSS的简单主题
  • 集成CSS文件缓存(适用于高流量网站)

WordPress Enlighter markdown 教程
Enlighter WordPress插件具有扩展的github风格的markdown支持,允许您在文本编辑器中使用围栏代码块以及backtick内联代码。
这是一项可选功能,必须在Enlighter设置页面上启用:Enlighter->编辑->标记
支持的语言标识符:可以在此处找到完整列表
围栏代码块
带围栏的代码块由三个反标记分隔。您可以通过将标识符添加到起始分隔符的末尾来选择性地设置代码块语言。

结构
语法
”’

<language>
代码
”’
实例

```php
// generate code fragment
$T->_codeFragments[] = array(
    // the language identifier
    'lang' => $lang,

    // code to highlight
    'code' => $match[1],

    // inline
    'inline' => true
);
```

 

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注