Convertir HTML a JSX

Convierte localmente HTML estático en JSX compatible con React, Preact o Solid y muestra el contenido peligroso eliminado.

Procesamiento local en el navegador
Esta página ha superado la comprobación del directorio público; activa JavaScript para usar todas las funciones.
Guía de uso

Cómo usar HTML para convertir JSX

HTML solo se analiza y convierte en el navegador actual; no se sube ni se ejecutan los scripts que contiene.

  1. Seleccionar destino de JSX

    Selecciona React, Preact o Solid e introduce un contenido estático HTML de no más de 2 MiB.

  2. Ejecutar conversión

    Esta herramienta convierte class, for, style, atributos booleanos, elementos vacíos y atributos SVG comunes, y escapa las llaves de los textos.

  3. Comprobar informe de seguridad

    Comprueba el resultado y el recuento de las etiquetas eliminadas, los atributos de eventos y los URL peligrosos, y después copia o descarga JSX.

Limitaciones y notas

  • No es un reparador completo de HTML del navegador; las entradas gravemente dañadas o que dependan del estado DOM o de directivas de plantilla deben organizarse manualmente.
  • script, style, iframe, object, embed, los atributos de eventos y los elementos peligrosos URL se eliminarán; no se conservará el comportamiento de la página original.
  • Solo genera componentes de React, Preact o Solid JSX; no genera componentes de Vue ni Svelte, y tampoco divide automáticamente los componentes ni importa recursos.

Preguntas frecuentes

¿Cómo se convierte el style en línea?

Las declaraciones comunes de CSS se convierten en objetos style de JSX; las declaraciones que no se puedan analizar de forma fiable deben corregirse manualmente en la salida.

¿Por qué han desaparecido el script y el iframe?

Estos contenidos pueden ejecutar código o cargar páginas externas; la herramienta los elimina activamente dentro de los límites de seguridad de la conversión basada en la estructura estática.

¿Se puede usar directamente en producción?

Primero debe pasar por el formateador del proyecto, la comprobación de tipos y las pruebas en el navegador; comprueba especialmente los atributos personalizados, SVG y las diferencias entre frameworks.

Comentarios de la página¿Has encontrado un problema o tienes sugerencias de mejora?
Las funciones de retroalimentación deben usarse en la versión en línea

Envía tras activar JavaScript en la versión en línea; las funciones locales de la herramienta o del ejemplo no se verán afectadas.

Ir a la versión en línea para dar feedback