toolsmoah

Convertitore HTML → JSX

Converti il codice HTML nel formato React JSX.

Input HTML
Inserisci il codice HTML da convertire
Risultato JSX
Codice JSX convertito
Regole di conversione HTML → JSX

Regole di conversione principali

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

Conversioni di attributi supportate

  • • Attributi HTML: class, for, readonly, maxlength, autocomplete
  • • Attributi SVG: stroke-width, stroke-linecap, fill-opacity
  • • Attributi numerici: Rimuovi le virgolette e racchiudi tra parentesi graffe
  • • Attributi booleani: aria-hidden="true" → aria-hidden=""
  • • Attributi conservati: data-*, aria-* (mantieni kebab case)

Supporto completo per documenti HTML

  • • Elaborazione di DOCTYPE, html, head, body tag
  • • Conversione di meta, title, style tag
  • • Supporto completo per elementi e attributi SVG
  • • Conservazione del blocco di stile CSS