Syntax Highlighter / 产品方向

让代码示例更容易读懂。

粘贴或导入代码，选择语言和主题，编辑时即可查看预览。调整行效果后，直接在浏览器中导出 HTML 或 PNG 图片。

从输入源代码到下载结果，在同一工作区完成代码示例的准备。

源代码

粘贴代码、打开 UTF-8 文件，或加载对应语言的示例。

搜索语言、别名和主题，并按浅色或深色筛选配色。

分别设置强调、聚焦、新增行和删除行的范围、颜色与不透明度。

实时查看修改效果，并检查控制输出的 JSON 配置。

复制或下载内联样式、独立 CSS 或 Tailwind CSS 格式的 HTML。

保存 PNG，调整行号，折叠代码区段，并将网址转为链接。

加载演示，尝试强调、聚焦、新增行、删除行、折叠和行号。预览与下载文件使用相同的设置。