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