代码高亮 JSON 配置参考

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

代码高亮 JSON 配置参考

截图使用英文界面;控件文字会随网站语言切换。

一份配置,三种输出

每个展示控件都会更新 config.json。预览及内联样式、独立 CSS、Tailwind 输出使用同一个配置对象。文件标签页只读,不是 JSON 编辑器,也不支持导入。可复制该文件,或保留下载 ZIP 中的副本作为设置记录。JSON 不包含源代码,请单独保存代码。

“加载演示”会替换源代码和设置,保留当前输出格式,同时重置范围输入草稿及预览面板状态。它用于体验功能,不是撤销或恢复操作。

字段与默认值

字段默认值含义
languagejavascript内置语言标准 ID
themegithub-dark内置主题 ID
outputinlineinline、css 或 tailwind
highlight、focus、add、remove、collapse[]包含两端的源代码范围,如 [[3,5],[8,8]]
highlightColor、focusColor#60a5fa相互独立的蓝色背景
highlightOpacity、focusOpacity25背景不透明度,0–100
addColor、addOpacity#22c55e、20新增行背景
removeColor、removeOpacity#b91c1c、30删除行背景
lineNumbersfalse是否显示行号
lineNumbersStart1显示起始值,0–999999 的整数
lineNumberColor#888888行号颜色
diffIndicatorstrue显示增删符号
diffInGutterfalse用符号替换变更行行号
autolinkfalse将支持的网址变为链接
summary…折叠摘要后缀,最多 80 字符

范围与输出规则

范围使用从 1 开始的源代码位置,包含起止行,与显示行号不同。空范围关闭对应效果。界面会规范反向范围;无效文本会显示校验提示,不会静默选中不相关的行。

本站没有注释指令解析器,[tl! focus] 等内容仍作为普通代码保留。请通过控件修改效果,再查看 JSON,不需要编辑注释。该结构描述当前应用配置,不代表提供远程高亮 API。

通过 HTML 导出取得样式化结果。若要在新会话重现配置,请重新载入代码并通过控件应用保存的设置;当前未实现 JSON 自动导入或会话恢复。

打开代码高亮工具 · 全部指南 · 文章与工具对比