toolsmoah

Convertidor de HTML → JSX

Convierte código HTML a formato React JSX.

Entrada HTML
Introduce el código HTML a convertir
Resultado JSX
Código JSX convertido
Reglas de Conversión de HTML → JSX

Reglas Principales de Conversión

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

Conversiones de Atributos Soportadas

  • • Atributos HTML: class, for, readonly, maxlength, autocomplete
  • • Atributos SVG: stroke-width, stroke-linecap, fill-opacity
  • • Atributos numéricos: Eliminar comillas y envolver en llaves
  • • Atributos booleanos: aria-hidden="true" → aria-hidden=""
  • • Atributos preservados: data-*, aria-* (mantener kebab case)

Soporte Completo de Documentos HTML

  • • Procesamiento de etiquetas DOCTYPE, html, head, body
  • • Conversión de etiquetas meta, title, style
  • • Soporte completo de elementos y atributos SVG
  • • Preservación de bloques de estilo CSS