匯出高亮程式碼為 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。