HTML 轉 JSX

將靜態 HTML 在本機轉換為 React、Preact 或 Solid 可用的 JSX,並回報已移除的危險內容。

瀏覽器本地處理
該頁面已通過公開目錄檢查;啟用JavaScript後可使用完整功能。
使用指南

如何將HTML轉換為JSX

HTML 僅在目前瀏覽器中解析與轉換,不會上傳,也不會執行其中的指令碼。

  1. 選擇 JSX 目標

    選擇 React、Preact 或 Solid,並輸入不超過 2 MiB 的靜態 HTML。

  2. 執行轉換

    工具會轉換 class、for、style、布林屬性、空元素和常見的 SVG 屬性,並轉義文字花括號。

  3. 檢查安全性報告

    核對輸出及遭刪除標籤、事件屬性和危險 URL 的計數,再複製或下載 JSX。

限制與注意事項

  • 這不是完整瀏覽器 HTML 修復器,嚴重損毀、依賴 DOM 狀態或範本指令的輸入需要手動整理。
  • script、style、iframe、object、embed、事件屬性和危險 URL 會被刪除,原頁面行為不會保留。
  • 只產生 React、Preact 或 Solid JSX,不產生 Vue、Svelte 版本,也不會自動拆分或匯入資源。

常見問題

內嵌 style 會如何轉換?

常見 CSS 宣告會轉換為 JSX style 物件;無法可靠解析的宣告需在輸出中手動修正。

為什麼指令碼和 iframe 不見了?

這些內容可能執行程式碼或載入外部頁面,工具會依照靜態結構轉換的安全邊界主動移除。

輸出可以直接用於正式環境嗎?

應先經過專案格式化、型別檢查和瀏覽器測試,特別核對自訂屬性、SVG 和框架差異。

頁面反饋發現問題或有改進建議?
反饋功能需要在線上版使用

請在線上版啟用 JavaScript 後提交;目前工具或案例的本地功能不受影響。

前往線上版反饋