已复制

代码着色高亮工具

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

使用说明
选择语言
从下拉菜单选择代码语言,支持 JavaScript、HTML、CSS、Python、Java、Go、SQL、JSON、XML、Bash 共十种语言。切换语言后自动加载对应示例代码。
输入代码
在深色编辑区粘贴或输入代码,点击「执行高亮」按钮即可生成语法高亮后的带行号代码展示。
预览与 HTML
默认显示预览视图,可切换至 HTML 源码 视图查看生成的 HTML 代码。点击「复制 HTML」按钮可将高亮后的 HTML 复制到剪贴板,直接粘贴到网页中使用。
高亮规则
基于正则表达式的语法高亮,支持关键字、字符串、数字、注释(单行/块)、函数名、属性等常见语法元素。采用 VS Code Dark 风格配色方案。
数据安全
所有操作纯前端完成,代码不会发送到任何服务器。关闭页面后数据立即清除,保障代码隐私安全。