代码高亮 JSON 配置参考
查看每个生成字段、默认值与行范围规则,理解配置如何驱动预览及三种输出策略。

截图使用英文界面;控件文字会随网站语言切换。
一份配置,三种输出
每个展示控件都会更新 config.json。预览及内联样式、独立 CSS、Tailwind 输出使用同一个配置对象。文件标签页只读,不是 JSON 编辑器,也不支持导入。可复制该文件,或保留下载 ZIP 中的副本作为设置记录。JSON 不包含源代码,请单独保存代码。
“加载演示”会替换源代码和设置,保留当前输出格式,同时重置范围输入草稿及预览面板状态。它用于体验功能,不是撤销或恢复操作。
字段与默认值
| 字段 | 默认值 | 含义 |
|---|---|---|
language | javascript | 内置语言标准 ID |
theme | github-dark | 内置主题 ID |
output | inline | inline、css 或 tailwind |
highlight、focus、add、remove、collapse | [] | 包含两端的源代码范围,如 [[3,5],[8,8]] |
highlightColor、focusColor | #60a5fa | 相互独立的蓝色背景 |
highlightOpacity、focusOpacity | 25 | 背景不透明度,0–100 |
addColor、addOpacity | #22c55e、20 | 新增行背景 |
removeColor、removeOpacity | #b91c1c、30 | 删除行背景 |
lineNumbers | false | 是否显示行号 |
lineNumbersStart | 1 | 显示起始值,0–999999 的整数 |
lineNumberColor | #888888 | 行号颜色 |
diffIndicators | true | 显示增删符号 |
diffInGutter | false | 用符号替换变更行行号 |
autolink | false | 将支持的网址变为链接 |
summary | … | 折叠摘要后缀,最多 80 字符 |
范围与输出规则
范围使用从 1 开始的源代码位置,包含起止行,与显示行号不同。空范围关闭对应效果。界面会规范反向范围;无效文本会显示校验提示,不会静默选中不相关的行。
本站没有注释指令解析器,[tl! focus] 等内容仍作为普通代码保留。请通过控件修改效果,再查看 JSON,不需要编辑注释。该结构描述当前应用配置,不代表提供远程高亮 API。
通过 HTML 导出取得样式化结果。若要在新会话重现配置,请重新载入代码并通过控件应用保存的设置;当前未实现 JSON 自动导入或会话恢复。