Conversor HTML → JSX
Converta código HTML para o formato React JSX.
Entrada HTML
Insira o código HTML para converter
Resultado JSX
Código JSX convertido
Regras de Conversão HTML → JSX
Regras Principais de Conversão
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Conversões de Atributos Suportadas
- • Atributos HTML: class, for, readonly, maxlength, autocomplete
- • Atributos SVG: stroke-width, stroke-linecap, fill-opacity
- • Atributos numéricos: Remova as aspas e envolva em chaves
- • Atributos booleanos: aria-hidden="true" → aria-hidden=""
- • Atributos preservados: data-*, aria-* (manter kebab case)
Suporte a Documentos HTML Completos
- • Processamento de tags DOCTYPE, html, head, body
- • Conversão de tags meta, title, style
- • Suporte completo a elementos e atributos SVG
- • Preservação de bloco de estilo CSS