导出高亮代码为 HTML：三种样式策略
复制 HTML 或下载 ZIP，选择内联样式、独立 CSS 或限定作用范围的 Tailwind 工具类，并保留 JSON 配置。
截图使用英文界面；控件文字会随网站语言切换。
先选择使用场景
在代码预览顶部选择输出格式。三种格式使用同一套语法标记与展示规则，覆盖背景、不透明度、聚焦、折叠、行号与滚动。预览在独立 iframe 中展示生成文档，网站界面不会进入导出结果。
| 格式 | 文件与样式 | 适合场景 |
|---|---|---|
| HTML + 内联样式 | 元素使用 style 属性，不需要单独样式表 | 能保留内联样式的页面或编辑器 |
| HTML + CSS | index.html 引用 style.css，选择器限定在 .syntax-highlighter 内 | 可以同时托管 HTML 和 CSS 的网站 |
| HTML + Tailwind CSS | 工具类及编译后的局部 style.css，README 列出使用的类 | 工具类项目或独立导出 |
三种策略都不内嵌 style 标签。Tailwind 尽量使用标准工具类，精确颜色和尺寸使用任意值类，并非只使用默认调色板。生成样式不包含全局 Preflight，打开下载文件不需要 CDN 运行时。
复制与下载
“复制 HTML”复制完整文档，不只是内部代码片段。嵌入已有页面时，取出 .syntax-highlighter 容器，并按需引入对应样式表，不要把第二份文档的 head 和 body 直接粘到正文。
“下载文件”生成 ZIP，包含 index.html、config.json、README.txt；CSS 与 Tailwind 格式还包含 style.css。先解压再打开 HTML，保持样式表位于同级目录，或修改链接为托管路径。只复制 HTML 不会同时复制外部样式表。
文件标签页可分别检查和复制内容，输出未完成时仍能查看 JSON。收起按钮隐藏文件区域，方向键及 Home、End 可切换标签。
发布时保持效果
代码视口高 448 px，长内容在内部横向或纵向滚动。样式限定于输出容器；若需要更强隔离，可把完整文档放进 iframe，避免目标网站自己的全局规则干扰。
部分 CMS 或邮件客户端会过滤内联样式、链接及 details。请在实际发布环境验证，不能假设所有编辑器都完全保留效果。静态视觉分享可使用 PNG 导出；需要选择文字、点击链接或折叠时应保留 HTML。