代码高亮生成

在线为 JavaScript、PHP、SQL、CSS、HTML 代码着色,生成可直接粘贴使用的带样式 HTML 片段。

新上线 5 次使用 开发工具

「代码高亮生成」已就绪

点击下方按钮立即开始使用,无需下载安装,操作简单、即开即用。

立即使用

使用说明

功能说明

输入代码后生成带 span 的 HTML 高亮片段,区分关键字、字符串、注释、数字、标签与属性,配色自动适配站点明暗主题。

使用说明

选择语言、粘贴代码、点击「高亮显示」即可看到效果;点击「复制高亮 HTML」可得到带 class 的 HTML 片段,粘贴到支持自定义样式的文章中即可显示颜色。

使用场景

写技术文章、做教程截图前的排版、博客代码块美化、给静态页面嵌入带颜色的示例代码。

使用提示

复制的是 HTML 片段而非完整页面,目标站点需要包含对应的 hl-* 样式类;本工具生成的高亮不会执行任何代码。

常见问题

复制后粘贴到文章里没有颜色怎么办?

需要目标页面包含 hl-c、hl-s、hl-k 等样式类定义,或把本页的样式一并复制过去。

支持多少种语言?

当前支持 JavaScript、PHP、SQL、CSS 与 HTML 五种常用语言的基础着色。