页面代码美化 v1.3.0
代码渲染配置项逻辑重构
2023-12-18 更新日志
  • 优化:代码渲染配置项逻辑重构
页面代码美化

模块介绍

「页面代码美化」是一个自动识别页面的code和pre标签美化显示

功能特性
    自动识别页面的code和pre标签美化显示
    行号是否显示设定
    深色主题和浅色主题

使用原理

CodePretty 会自动识别页面上 <code><pre> 标签,如果这两个标签包含了形如 class="brush:xxx" 的属性,那么 CodePretty 就会自动将这两个标签所包含的代码美化显示。

如 JavaScript 代码:

<code class="brush:js">
console.log('测试代码');
</code>

如 PHP 代码:

<code class="brush:php">
    echo '测试代码';
</code>

如 JSON 代码:

<code class="brush:json">
{
    "name": "CodePretty",
    "version": "1.0.0",
    "description": "页面代码美化" 
}
</code>

后台菜单

  • 系统设置
  • 系统设置页面代码美化
QQ
微信