filesbox/miniprogram/FilesBox/node_modules/mp-html/plugins/highlight
2023-09-21 10:23:31 +08:00
..
miniprogram 小程序 2023-09-21 10:23:31 +08:00
uni-app 小程序 2023-09-21 10:23:31 +08:00
config.js 小程序 2023-09-21 10:23:31 +08:00
index.js 小程序 2023-09-21 10:23:31 +08:00
prism.css 小程序 2023-09-21 10:23:31 +08:00
prism.min.js 小程序 2023-09-21 10:23:31 +08:00
README.md 小程序 2023-09-21 10:23:31 +08:00

highlight

功能:代码块高亮显示
支持平台:

微信小程序 QQ 小程序 百度小程序 支付宝小程序 头条小程序 uni-app

说明:
大小:≈16KB
编辑 plugins/highlight/config.js 顶部的选项,可以选择是否需要以下功能:

  • copyByLongPress 是否需要长按代码块时显示复制代码内容菜单(uni-app nvue 暂不支持)
  • showLanguageName 是否在代码块右上角显示语言的名称
  • showLineNumber 是否在左侧显示行号

修改该配置后需要重新生成组件包,在构建后的组件包中修改配置无法生效

引入本插件后,html 中符合以下格式的 pre 将被高亮处理:

<!-- pre 中内含一个 code并在 pre 或 code 的 class 中设置 language- -->
<pre><code class="language-css">p { color: red }</code></pre>

editable 插件共用时,编辑状态下,不会进行高亮,可以直接修改代码文本

本插件的高亮功能依赖于 prismjs,默认配置中仅支持 htmlcssc-likejavascript 语言和 Tomorrow Night 主题,如果需要更多语言或更换主题请前往 官网 下载对应的 prism.min.jsprism.css 并替换 plugins/highlight/ 目录下的文件