toolsmoah

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