Limpiador de código HTML

Con la ayuda de nuestro servicio, puede convertir cualquier texto de Word a html-markup, así como agregar y eliminar etiquetas del código html. El texto resultante es fácil de usar para publicar contenido en varios CMS. También puede utilizar nuestro editor visual para la visualización y edición instantáneas.

Descripción de la funcionalidad del servicio HTMLCleanup

Nuestro servicio le permite convertir el código HTML en un texto legible conveniente, adecuado para su publicación como documento de texto plano o utilizando editores CMS. También está disponible una función de edición visual.

El servicio ofrece 16 opciones de limpieza que se pueden utilizar en varias combinaciones entre sí.

1. Estilos - Elimine los estilos css de las etiquetas individuales y de todo el documento.

Ejemplo 1:

Texto original en:

<p style="color:red">Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span style="color:green">dolor</span> sit amet.</p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet.</p>

Ejemplo 2:

Texto original en:

<html> <head> <link rel="stylesheet" type="text/css" href="/example.css"> <style> body { background-color: blue; } </style> </head> <body> <p style="color:red">Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span style="color:green">dolor</span> sit amet.</p> </body> </html>

Texto después del procesamiento:

<html> <head> <link rel="stylesheet" type="text/css" href="/example.css"> </head> <body> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet</p> </body> </html>

2. Clases y IDs - elimine los selectores css de clases e Id.

Ejemplo 1:

Texto original en:

<p id="test">Lorem ipsum dolor sit amet.</p> <p class="test1">Lorem ipsum dolor sit amet.</p> <p class="test2">Lorem ipsum <span class="test1">dolor</span> sit amet.Aenean <span id="test">commodo</span> ligula eget dolor.</p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet. Aenean <span>commodo</span> ligula eget dolor.</p>

Ejemplo 2:

Texto original en:

<html> <head> <style> .test1{ color:blue; font-size:200%; } .test2{ color:blue; font-size:200%; } #test{ color:green; } </style> </head> <body> <p id="test">Lorem ipsum dolor sit amet.</p> <p class="test1">Lorem ipsum dolor sit amet.</p> <p class="test2">Lorem ipsum <span class="test1">dolor</span> sit amet. Aenean <span id="test">commodo</span> ligula eget dolor.</p> </body> </html>

Texto después del procesamiento:

<html> <head> <style> .test1{ color:blue; font-size:200%; } .test2{ color:blue; font-size:200%; } #test{ color:green; } </style> </head> <body> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet. Aenean <span>commodo</span> ligula eget dolor.</p> </body> </html>

3. Etiquetas span - eliminar etiquetas span.

Ejemplo 1:

Texto original en:

<p>Lorem ipsum <span>dolor</span> sit amet.</p> <span>Lorem ipsum dolor sit amet</span> <span><p>Lorem ipsum dolor sit amet.</p></span> <li><span>Lorem ipsum dolor sit amet</span></li> <p>Lorem ipsum <span style="color:green">dolor</span> sit amet. </p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> Lorem ipsum dolor sit amet <p>Lorem ipsum dolor sit amet.</p> <li>Lorem ipsum dolor sit amet</li> <p>Lorem ipsum dolor sit amet. </p>

4. Comentarios - elimine los comentarios del código html.

Ejemplo 1:

Texto original en:

<p>Lorem ipsum dolor sit amet.</p>  <p>Lorem ipsum dolor sit amet.</p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p>

5. Atributos vacíos - elimine los selectores de atributos vacíos.

Ejemplo 1:

Texto original en:

<p id="">Lorem ipsum dolor sit amet.</p> <p class="">Lorem ipsum dolor sit amet.</p> <p class="">Lorem ipsum <span class="">dolor</span> sit amet. Aenean <span id="test">commodo</span> ligula eget dolor.</p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet. Aenean <span id="test">commodo</span> ligula eget dolor.</p>

Ejemplo 2:

Texto original en:

<html> <head> <style> .test1{ } .test2{ } #test{ } </style> </head> <body> <p id="">Lorem ipsum dolor sit amet.</p> <p class="">Lorem ipsum dolor sit amet.</p> <p class="">Lorem ipsum <span class="test1">dolor</span> sit amet. Aenean <span id="test">commodo</span> ligula eget dolor.</p> </body> </html>

Texto después del procesamiento:

<html> <head> <style> .test1{ } .test2{ } #test{ } </style> </head> <body> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet. Aenean <span id="test">commodo</span> ligula eget dolor.</p> </body> </html>

6. Nuevas líneas vacías - eliminar líneas vacías.

Ejemplo 1:

Texto original en:

<html> <head> </head> <body> <br> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet</p> <p>Lorem ipsum dolor sit amet</p> <hr> </body> </html>

Texto después del procesamiento:

<html> <head> </head> <body> <br> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet</p> <p>Lorem ipsum dolor sit amet</p> <hr> </body> </html>

7. Etiquetas vacías - elimine las etiquetas vacías.

Ejemplo 1:

Texto original en:

<html> <head> </head> <style></style> <script></script> <body> </body> <div></div> <p></p> <span></span> <p>Text</p> </html>

Texto después del procesamiento:

<html> <head> </head> <body> </body> <p>Text</p> </html>

Ejemplo 2:

Texto original en:

<p>Lorem <span>ipsum</span> dolor sit amet.</p> <p></p> <div></div> <span></span> <p>Lorem <em></em>ipsum dolor <b></b>sit amet.</p> <br> <hr> <p>Text <span></span>text.</p> <link rel="icon" href=""> <p> </p> <p>Text <span> </span>text.</p>

Texto después del procesamiento:

<p>Lorem <span>ipsum</span> dolor sit amet.</p> <p>Lorem <em></em>ipsum dolor <b></b>sit amet.</p> <br> <hr> <p>Text text.</p> <link rel="icon" href=""> <p> </p> <p>Text <span> </span>text.</p>

8. Espacios duro - elimine los espacios que no se rompen ( ).

Ejemplo 1:

Texto original en:

  <p>Lorem ipsum dolor sit amet.</p>        <p> </p> <p>   </p> <p>Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem  ipsum dolor.</p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> <p> </p> <p> </p> <p>Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor.</p>

9. Enlaces - elimine los enlaces (sin eliminar los elementos de anclaje).

Ejemplo 1:

Texto original en:

<html> <head> <link href="/example.css" rel="stylesheet"> <link rel="icon" src="images/favicon.ico"> </head> <body> <a></a> <a href="#">Lorem ipsum dolor sit amet.</a> <a href="/test.html"></a> <p><a href="/test.html">Lorem ipsum dolor sit amet.</a></p> <p><a href="/test.html" target="_blank">Lorem</a>ipsum dolor sit amet.</p> <p><a href="#bottom">Lorem</a>ipsum dolor sit amet.</p> <p><a href="/test.html"><img src ="/image.jpeg"></a></p> </body> </html>

Texto después del procesamiento:

<html> <head> <link href="/example.css" rel="stylesheet"> <link rel="icon" src="images/favicon.ico"> </head> <body> Lorem ipsum dolor sit amet. <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p><img src ="image.jpeg"></p> </body> </html>

10. Tablas - eliminar tablas.

Ejemplo 1:

Texto original en:

<table></table> <p>Table1</p> <table> <tr><td></td><tr> </table> <p>Table2</p> <table> <caption>Lorem Ipsum</caption> <tr> <td>Lorem ipsum</td> <td>Lorem ipsum2</td> </tr> <tr> <td>Ipsum Lorem</td> <td>Ipsum Lorem2</td> </tr> </table> <p>Table3</p>

Texto después del procesamiento:

<p>Table1</p> <p>Table2</p> <p>Table3</p>

11. Formularios - elimine las etiquetas de formulario de entrada.

Ejemplo 1:

Texto original en:

<p>Lorem ipsum dolor sit amet.</p> <form></form> <form action="/test.js" method="get"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Last name:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit"> </form> <p>Aenean commodo ligula eget dolor.</p>

Texto después del procesamiento:

<p>Lorem ipsum dolor sit amet.</p> <p>Aenean commodo ligula eget dolor./p>

12. Imágenes - eliminación de imágenes.

Ejemplo 1:

Texto original en:

<html> <head> <link rel="icon" src="favicon.ico"> </head> <body> <img src="" alt=""/> <img src="/test.jpg" alt="test"/> <div><img src="/test.jpg" alt="test"/></div> <p><img src="/test.jpg" alt="test"/></p> <p><img src="/test.jpg" alt="test"/>Text</p> <p><a href="/test.html"><img src="/test.jpg" alt="test"/></a></p> </body> </html>

Texto después del procesamiento:

<html> <head> <link rel="icon" src="favicon.ico"> </head> <body> <div></div> <p></p> <p><a></a></p> </body> </html>

13. Etiquetas con espacios en blanco - elimine las etiquetas con espacios.

Ejemplo 1:

Texto original en:

<html> <head> </head> <body> <a> </a> <a> </a> <a></a> <a>Text</a> <p> </p> <p> </p> <p></p> <p> </p> <p>Text </p> <p>Text</p> <p> Text </p> <h2> </h2> <h2> </h2> <h2> Text </h2>  </body> </html>

Texto después del procesamiento:

<html> <body> <a></a> <a>Text</a> <p></p> <p>Text </p> <p>Text</p> <p> Text </p> <h2> Text </h2>  </body> </html>

14. Todos los atributos de etiquetas (excepto href y src) - elimine los atributos de etiqueta (excepto href y src).

Ejemplo 1:

Texto original en:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Title</title> </head> <body> <p style="color:red">Lorem ipsum dolor sit amet.</p> <p title="Test">Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span class="test1">dolor</span> sit amet.</p> <p><img src="/test.jpg" alt="test"/>Text</p> <img src="/test.png"> <p><a href="/test.html" target="_blank">Lorem ipsum dolor.</a></p> <p id="test">Lorem ipsum dolor sit amet.</p> <p class="test1">Lorem ipsum dolor sit amet.</p> <p class="test2">Lorem ipsum <span class="test1">dolor</span> sit amet. Aenean <span id="test">commodo</span> ligula eget dolor.</p> <p lang="en">Lorem ipsum dolor sit amet.</p> <p dir="rtl">Lorem ipsum dolor sit amet.</p> </body> </html>

Texto después del procesamiento:

<html> <head> <meta> <title>Title</title> </head> <body> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet.</p> <p><img src="/test.jpg"/>Text</p> <img src="/test.png"> <p><a href="/test.html">Lorem ipsum dolor.</a></p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum <span>dolor</span> sit amet. Aenean <span>commodo</span> ligula eget dolor.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> </body> </html>

15. Scripts de código js - eliminar scripts js.

Ejemplo 1:

Texto original en:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> </style> <script></script> </head> <body> <script></script> </body> </html>

Texto después del procesamiento:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> </style> </head> <body> </body> </html>

Ejemplo 2:

Texto original en:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style></style> <script src="/test.js"></script> </head> <body> <p>Lorem ipsum dolor sit amet.</p> <script> document.getElementById("Test").innerHTML = "Test"; </script> <p>Lorem ipsum dolor sit amet.</p> <script type="text/javascript"> alert('Hello, how are you?') </script> </body> </html>

Texto después del procesamiento:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style></style> </head> <body> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> </body> </html>

16. Todas las etiquetas - elimine todas las etiquetas html.

Ejemplo 1:

Texto original en:

<!DOCTYPE html> <html> <head> <title>Title</title> <link href="/example.css" rel="stylesheet"> <link rel="icon" src="favicon.ico"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> table, th, td { border:1px solid black; } .test{ color:blue; font-size:200%; } </style> <script src="/test.js"></script> </head> <body> <h1>Title of text</h1> <br> <br> <hr> <p>1.Lorem ipsum <span style="color:red">Lorem ipsum</span>.</p> <p><a href="/test_example1.html">2.Lorem ipsum dolor</a> sit amet <ul> <li>Text1</li> <li>Text2</li> </ul> <ul> <li>Test1</li> <li>Test2</li> </ul> <p></p>  <script> document.getElementById("Test").innerHTML = "Test"; </script> <h2>Title of paragraph</h2> <p>3.Lorem ipsum dolor sit amet.</p> <p><img src="/test.jpg" alt="test"/>Image</p> <p><a href="/test.html"><img src="/test.jpg" alt="test"/>Link image</a></p> <table> <caption>Table name</caption> <tr> <td>Lorem ipsum</td> <td>Lorem ipsum2</td> </tr> <tr> <td>Ipsum Lorem</td> <td>Ipsum Lorem2</td> </tr> </table> <p class="test">4.Lorem ipsum dolor sit amet.</p> <form action="/test.js" method="get"> <label for="fname">First input name:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Last input name:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit"> </form> <script type="text/javascript"> </script> </body> </html>

Texto después del procesamiento:

Title of text 1.Lorem ipsum Lorem ipsum. 2.Lorem ipsum dolor sit amet. Text1 Text2 Test1 Test2 Comment Title of paragraph 3.Lorem ipsum dolor sit amet. Image Link image Table name Lorem ipsum Lorem ipsum2 Ipsum Lorem Ipsum Lorem2 4.Lorem ipsum dolor sit amet. First input name Last input name

Buscar y reemplazar en la función HTML

La función le permite encontrar y reemplazar fragmentos de texto y etiquetas en el código html con los especificados por el usuario. El reemplazo funciona en el editor html, cuyos cambios se transfieren al editor visual.

Política de privacidad

HTMLCleanup utiliza cookies para mejorar la experiencia del usuario y para recopilar análisis sobre visitantes anónimos. Todas las operaciones del usuario se realizan en el lado del cliente y no se almacenan en nuestros servidores. Utilizamos Google Analytics para recopilar estadísticas anónimas y Google Adsense para mostrar anuncios personalizados.