ToolboxAgent

代码着色/高亮

在线代码高亮工具,支持多种编程语言语法着色,基于highlight.js,纯浏览器端处理

使用说明

  1. 1 在输入框中粘贴代码
  2. 2 选择代码语言(或选择自动检测)
  3. 3 查看高亮后的代码,并可复制HTML或纯文本

相关工具

代码截图生成

在线代码截图生成工具,支持自定义标题、主题色与导出 PNG 图片。

Cron 表达式解析器(含时区热力图)

解析 Cron 表达式为人类可读描述,可视化字段含义,预览未来 10 次执行时间,并支持多时区对照与 30 天日历热力图。

CSS格式化/压缩

在线CSS代码格式化与压缩工具,支持缩进美化与去除空白

代码对比查看器

并排对比两段文本或代码的差异,新增/删除行高亮显示

HTML格式化/压缩

在线HTML代码格式化与压缩工具,支持缩进美化与去除空白

HTML预览/运行器

在线HTML代码编辑和实时预览工具,支持在沙盒iframe中运行HTML代码。

HTTP 状态码速查

在线 HTTP 状态码速查工具,支持按状态码或关键词筛选常见响应说明。

JS格式化/压缩

在线JavaScript代码格式化与压缩工具,支持缩进美化与单行压缩

JSON格式化/编辑

在线JSON格式化、校验和美化工具,支持语法高亮和错误提示

JWT 解析

在线 JWT 解析工具,支持拆分 Header、Payload、Signature,并格式化展示声明内容。

正则表达式测试

在线正则表达式测试工具,支持 flags、匹配结果预览与捕获组查看,适合开发调试。

正则可视化

解析正则表达式并直观展示其组成部分(字符类、量词、锚点等),并提供测试匹配高亮

SQL格式化

在线SQL格式化工具,支持 MySQL、PostgreSQL、SQLite 等多种方言

时间戳转换

在线时间戳转换工具,支持秒级、毫秒级时间戳与日期时间双向转换。

URL 解析器

在线 URL 解析工具,支持拆解协议、主机、路径、查询参数和锚点信息。

UserAgent分析

解析浏览器 User-Agent 字符串,识别浏览器、引擎、操作系统、设备及 CPU 架构

UUID生成器

在线UUID v4生成器,支持批量生成、大写和去横线选项,一键复制。

XML格式化

在线XML格式化、美化工具,支持压缩与缩进切换

YAML格式化

在线YAML与JSON互转、格式化、校验工具,支持双向转换和错误提示

关于此工具

代码高亮工具基于highlight.js对代码进行语法着色,支持JavaScript、Python、Java、Go、Rust、SQL、Shell等180+种编程语言。输入代码后即时呈现带颜色的高亮效果,也可复制带样式的HTML用于网页嵌入。

常见用途:将代码片段嵌入技术博客或文档(复制高亮HTML直接粘贴)、生成截图前先做高亮处理、在无代码高亮的富文本编辑器中添加有颜色的代码展示、以及临时查看某段代码的语言结构。

相比直接用<pre><code>标签嵌入代码,本工具生成的带语法高亮的HTML更具可读性,颜色区分关键字、字符串、注释等要素,不需要在目标页面额外引入highlight.js脚本。

常见问题

支持哪些编程语言? +

基于highlight.js,支持JavaScript/TypeScript、Python、Java、C/C++、C#、Go、Rust、Swift、Kotlin、PHP、Ruby、Shell/Bash、SQL、HTML/CSS、YAML、JSON等180+种语言,也支持自动检测语言类型。

复制的HTML可以直接粘贴到网页吗? +

可以。工具输出的高亮HTML包含了内联样式,粘贴到任何网页中都能正确显示颜色,不需要在目标页面引入highlight.js的CSS文件。适合在静态博客、Wiki或邮件中嵌入有高亮的代码片段。

提供哪些高亮主题? +

提供多种常见主题,包括GitHub风格(浅色)、Atom One Dark、Monokai、Dracula等深色主题,以及VS2015等。可根据目标展示环境选择合适的主题,暗色网站用深色主题,亮色文档用浅色主题。

自动检测语言准确吗? +

highlight.js的自动检测对于特征明显的语言(如Python、Java、SQL)准确率较高,但对语法相近的语言(如C和C++)可能判断不准。建议手动选择语言以确保最准确的高亮效果,自动检测适合快速预览场景。

高亮结果可以复制为带行号的格式吗? +

可以开启行号显示,高亮结果会在左侧显示行号,方便在技术文档中引用特定行的代码。复制为HTML时行号也会一起包含,让代码展示更专业,尤其适合展示长代码片段时的引用定位。