toolsmoah

Konverter HTML → JSX

Konversi kode HTML ke format React JSX.

Input HTML
Masukkan kode HTML untuk dikonversi
Hasil JSX
Kode JSX yang dikonversi
Aturan Konversi HTML → JSX

Aturan Konversi Utama

  • • class → className
  • • for → htmlFor
  • • style="color: red" → style={color: "red"}
  • • 자체 닫힘 태그: <img> → <img />
  • • 케밥 케이스 → 카멜 케이스: stroke-width → strokeWidth

Konversi Atribut yang Didukung

  • • Atribut HTML: class, for, readonly, maxlength, autocomplete
  • • Atribut SVG: stroke-width, stroke-linecap, fill-opacity
  • • Atribut numerik: Hapus tanda kutip dan bungkus dengan kurung kurawal
  • • Atribut boolean: aria-hidden="true" → aria-hidden=""
  • • Atribut yang dipertahankan: data-*, aria-* (pertahankan kebab case)

Dukungan Dokumen HTML Penuh

  • • Pemrosesan tag DOCTYPE, html, head, body
  • • Konversi tag meta, title, style
  • • Dukungan elemen dan atribut SVG lengkap
  • • Pelestarian blok gaya CSS