HTML/SVG 程式碼轉換 - 轉換 HTML→JSX/SVG→JSX/HTML→Pug
一鍵轉換為 React JSX 或 Pug 格式。自動處理 class→className 等轉換。
使用方法
- 從下拉選單選擇轉換類型(HTML→JSX 等)
- 在輸入區域輸入程式碼
- 點擊「轉換」按鈕
- 複製轉換後的程式碼
常見問題
- 支援哪些轉換?
- 支援 HTML→JSX、SVG→JSX 和 HTML→Pug 三種轉換。
- React 的 class 名稱會轉換嗎?
- 會。HTML→JSX 中 class 會自動轉換為 className。
- 資料會傳送到伺服器嗎?
- 不會。所有處理都在瀏覽器中完成。
- 如何使用本工具?
- 選擇來源格式(例如 camelCase)和目標格式(例如 snake_case),輸入文字後即可立即看到轉換結果。
- 轉換結果不正確時怎麼辦?
- 混合分隔符或特殊字元可能導致意外結果。請嘗試整理輸入文字後再次轉換。
相關工具
更新記錄
最後更新:2026-02-21
- 2026-02-21 初次發布