Resumen
El limpiador de HTML te ayuda a sanear marcado pegado o generado antes de reutilizarlo en una página, un correo, una vista previa o un fragmento de documentación. Se centra en eliminar elementos peligrosos como scripts y manejadores de eventos inline, además de comentarios y atributos innecesarios. Es útil cuando el HTML viene de un CMS, un editor enriquecido, envíos de usuarios o contenido copiado desde otra fuente. El resultado se obtiene en el navegador, así puedes revisarlo y decidir qué conservar antes de pegarlo en otro sitio.
Casos de uso
- Saneado de fragmentos enviados por usuariosQuita manejadores inline y scripts incrustados de contenido procedente de formularios, comentarios o editores antes de reutilizarlo.
- Preparar exportaciones de un CMS para otro sistemaLimpia el marcado copiado de una plataforma de contenidos para moverlo a un constructor web, una plantilla de correo o documentación.
- Eliminar ruido de contenido pegadoRetira comentarios, atributos de seguimiento y otras marcas sobrantes dejadas por procesadores de texto o editores visuales.
- Limpiar código para vistas previas y demosReduce el marcado riesgoso en HTML de ejemplo antes de usarlo en una vista previa, sandbox o presentación.
- Revisar marcado antes de integrarloInspecciona HTML pegado desde una fuente externa y elimina partes inseguras antes de añadirlo a un proyecto.
Como funciona
- 1
Pega o carga el HTML en el campo de entrada.
- 2
La herramienta revisa etiquetas, comentarios y atributos en busca de marcado inseguro o innecesario.
- 3
Elimina scripts, manejadores de eventos y otros elementos de riesgo según sus reglas de limpieza.
- 4
Revisa el HTML limpio en el panel de salida y cópialo cuando esté listo.
Ejemplos
Quitar un handler y un script
Entrada: <section onclick="track()"><script>bad()</script><h2>Actualización</h2><!-- borrador --></section>
Salida: <section><h2>Actualización</h2></section>
Se eliminan el script, el comentario y el manejador de eventos, pero se mantiene el contenido de la sección.
Conservar el contenido del enlace y quitar comportamiento de riesgo
Entrada: <p>Lee <a href="/docs" onmouseover="steal()">la guía</a> ahora.</p>
Salida: <p>Lee <a href="/docs">la guía</a> ahora.</p>
Se conserva el texto y la dirección del enlace, pero se quita el atributo de evento inseguro.
Limpiar marcado pegado con atributos extra
Entrada: <div class="box" data-id="42" onclick="alert(1)"><img src="banner.png" alt="Banner" width="800" height="300"></div>
Salida: <div class="box" data-id="42"><img src="banner.png" alt="Banner" width="800" height="300"></div>
Los atributos útiles de diseño e imagen se conservan, mientras que el handler de clic se elimina.
FAQ
¿Qué elimina exactamente esta herramienta?
Elimina scripts, comentarios y atributos que pueden ejecutar código o añadir comportamiento no deseado, como los manejadores de eventos inline. Lo que quede depende de las reglas de limpieza aplicadas al contenido.
¿Cambia etiquetas normales como div, p o img?
Normalmente no. La herramienta se centra en partes inseguras o ruidosas, no en reescribir todo el documento.
¿Por qué algunos atributos se conservan y otros no?
Los atributos considerados seguros pueden permanecer, mientras que los riesgosos se eliminan. Por eso un atributo de datos puede quedarse aunque desaparezca un handler de evento.
¿Repara HTML roto o con etiquetas mal cerradas?
No. Puede limpiar el marcado, pero no es una herramienta completa de reparación. Si la estructura está dañada, usa también un formateador o validador después de limpiar.
¿Por qué el resultado a veces es más corto que el original?
Porque los comentarios, scripts y atributos inseguros se eliminan a propósito. Si tu HTML dependía de esas partes, el resultado será más corto y puede comportarse de otra forma.