本动作核心使用 Edge WebView2 组件调用 JavaScript 代码实现,请使用之前先安装 WebView2 组件 "Quicker 菜单 > 工具 > 安装 WebView2 组件" 。
功能:
- 自动监测剪贴板的代码语言;
- 按住左 Ctrl 键启动动作手动选择语言(默认记住上次选择);
- 高亮格式对 Cloze 非常友好;
- 支持自定义主题,见:https://highlightjs.org/static/demo/、https://github.com/highlightjs/highlight.js/tree/main/src/styles
- 支持 32 种常见语言(bash, c, cpp, csharp, css, diff, go, ini, java, javascript, json, kotlin, less, lua, makefile, xml, markdown, objectivec, perl, php, php-template, plaintext, python, python-repl, r, ruby, rust, scss, shell, sql, swift, typescript, vbnet, yaml),如需其他语言可以留言。
CSS 样式:
// 代码排版样式
.hljs {
font-family: Dank Mono, Consolas;
font-size: 16px;
font-size: 1.2rem;
line-height: 1.5;
}
.hljs span {
display: inline-block;
}
// 代码颜色主题样式,自行更改
/*!
Theme: nnfx light
Description: a theme inspired by Netscape Navigator/Firefox
Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
Maintainer: @RocketMan
License: https://creativecommons.org/licenses/by-sa/4.0 CC BY-SA 4.0
Updated: 2021-05-17
@version 1.1.0
*/
.hljs {
background: #fff;
color: #000;
}
.language-xml .hljs-meta,
.language-xml .hljs-meta-string {
font-weight: bold;
font-style: italic;
color: #48b;
}
.hljs-comment,
.hljs-quote {
font-style: italic;
color: #070;
}
.hljs-name,
.hljs-keyword,
.hljs-built_in {
color: #808;
}
.hljs-name,
.hljs-attr {
font-weight: bold;
}
.hljs-string {
font-weight: normal;
}
.hljs-code,
.hljs-string,
.hljs-meta .hljs-string,
.hljs-number,
.hljs-regexp,
.hljs-link {
color: #00f;
}
.hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-variable,
.hljs-template-variable {
color: #f40;
}
.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type {
font-weight: bold;
color: #639;
}
.hljs-title.function_,
.hljs-function .hljs-title,
.hljs-attr,
.hljs-subst,
.hljs-tag {
color: #000;
}
.hljs-formula {
background-color: #eee;
font-style: italic;
}
.hljs-addition {
background-color: #beb;
}
.hljs-deletion {
background-color: #fbb;
}
.hljs-meta {
color: #269;
}
.hljs-section,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-selector-tag {
font-weight: bold;
color: #48b;
}
.hljs-selector-pseudo {
font-style: italic;
}
.hljs-doctag,
.hljs-strong {
font-weight: bold;
}
.hljs-emphasis {
font-style: italic;
}
演示:
自动检测语言:
按住左 Ctrl 手动选择语言: