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