HTML/SVG 程式碼轉換 - 轉換 HTML→JSX/SVG→JSX/HTML→Pug

一鍵轉換為 React JSX 或 Pug 格式。自動處理 class→className 等轉換。

使用方法

  1. 從下拉選單選擇轉換類型(HTML→JSX 等)
  2. 在輸入區域輸入程式碼
  3. 點擊「轉換」按鈕
  4. 複製轉換後的程式碼

常見問題

支援哪些轉換?
支援 HTML→JSX、SVG→JSX 和 HTML→Pug 三種轉換。
React 的 class 名稱會轉換嗎?
會。HTML→JSX 中 class 會自動轉換為 className。
資料會傳送到伺服器嗎?
不會。所有處理都在瀏覽器中完成。
如何使用本工具?
選擇來源格式(例如 camelCase)和目標格式(例如 snake_case),輸入文字後即可立即看到轉換結果。
轉換結果不正確時怎麼辦?
混合分隔符或特殊字元可能導致意外結果。請嘗試整理輸入文字後再次轉換。

相關工具

更新記錄

最後更新:2026-02-21

  • 2026-02-21 初次發布