Convertir HTML a JSX de React en línea
Convierte HTML en JSX de React (class → className, atributos camelCase, objeto style, comentarios).
🔒 100 % en el cliente — no se envía ningún dato
Convierte HTML en JSX válido para React: class pasa a className, los atributos a camelCase, los estilos en línea a objetos y los comentarios se convierten. Conversión local, en el navegador.
What is it for?
- ▸ Pegar una plantilla HTML en un componente React
- ▸ Migrar una página estática a JSX
- ▸ Corregir atributos incompatibles (class, for…)
- ▸ Convertir un estilo en línea en un objeto React
FAQ
¿Qué atributos se renombran?
class → className, for → htmlFor, tabindex → tabIndex, y muchos otros atributos pasan a camelCase.
¿Se convierten los manejadores onclick?
No automáticamente: React espera onClick con una función. La herramienta te avisa para que los adaptes a mano.
¿Se manejan los estilos en línea?
Sí: la cadena style="..." se convierte en un objeto JavaScript con propiedades en camelCase.
¿Se envía el HTML a algún sitio?
No, el análisis y la conversión ocurren en tu navegador; no se transmite nada.
Related tools
JSON · formatear / validar Formatea, indenta, minifica y valida JSON. 100% en el lado del cliente. JSON · minificar Minifica JSON (elimina espacios y saltos de línea) para reducir su tamaño. JSON → TypeScript Genera una interfaz TypeScript a partir de un objeto JSON, incluyendo tipos anidados. JSON · validador Comprueba si tu JSON es válido y localiza el primer error con precisión. Markdown → HTML Convierte Markdown a HTML con vista previa en vivo, en tu navegador.