Syntax Highlighter / 產品方向

讓程式碼範例更容易讀懂。

貼上或匯入程式碼，選擇語言與主題，編輯時即可查看預覽。調整行效果後，直接在瀏覽器中匯出 HTML 或 PNG 圖片。

從輸入原始碼到下載結果，在同一工作區完成程式碼範例的準備。

原始碼

貼上程式碼、開啟 UTF-8 檔案，或載入對應語言的範例。

搜尋語言、別名及主題，並依淺色或深色篩選配色。

分別設定強調、聚焦、新增行與刪除行的範圍、顏色及不透明度。

即時查看修改效果，並檢查控制輸出的 JSON 設定。

複製或下載行內樣式、獨立 CSS 或 Tailwind CSS 格式的 HTML。

儲存 PNG，調整行號，摺疊程式碼區段，並將網址轉為連結。

載入示範，嘗試強調、聚焦、新增行、刪除行、摺疊及行號。預覽與下載檔案使用相同的設定。