已复制

代码着色高亮工具

多语言代码语法高亮输出 HTML,支持 10 种语言,暗色主题带行号

使用说明
选择语言

从下拉菜单选择代码语言,支持 JavaScript、HTML、CSS、Python、Java、Go、SQL、JSON、XML、Bash 共十种语言。切换语言后自动加载对应示例代码,也可使用 代码格式化 工具。

输入代码

在深色编辑区粘贴或输入代码,点击「执行高亮」按钮即可生成语法高亮后的带行号代码展示,可配合 SQL 格式化 工具一起使用。

预览与 HTML

默认显示预览视图,可切换至 HTML 源码 视图查看生成的 HTML 代码。点击「复制 HTML」按钮可将高亮后的 HTML 复制到剪贴板,直接粘贴到网页中使用,也可使用 Markdown 编辑器 工具。

高亮规则

基于正则表达式的语法高亮,支持关键字、字符串、数字、注释(单行/块)、函数名、属性等常见语法元素。采用 VS Code Dark 风格配色方案,可配合 代码转图片 工具一起使用。

数据安全

所有操作纯前端完成,代码不会发送到任何服务器。关闭页面后数据立即清除,保障代码隐私安全。