代码着色/高亮
在线代码高亮工具,支持多种编程语言语法着色,基于highlight.js,纯浏览器端处理
使用说明
- 1 在输入框中粘贴代码
- 2 选择代码语言(或选择自动检测)
- 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时行号也会一起包含,让代码展示更专业,尤其适合展示长代码片段时的引用定位。