Français
English
Deutsch
Español
Русский
Polski

Options de nettoyage

Éditeur visue

Mots: 0

Éditeur HTML

Caractères: 0

HTML Cleaner

A l’aide de notre service, vous pouvez convertir n’importe quel texte de Word en mise en page html, ainsi qu'ajouter et supprimer des tags du code html. Le texte définitif peut facilement être utilisé pour publier le contenu dans les CMS différents. Vous pouvez également utiliser notre traitement de texte visuel pour une visualisation et une edition instantanées.

La description de la fonctionnalité du service HTMLCleanup

Notre service vous permet de transformer le code HTML en un texte facile à lire, adapté à la publication en tant que document de texte normal ou avec des traitements de texte de CMS. Une fonction de traitement de texte visuelle est également disponible.

Le service présente 16 options de nettoyage qui peuvent être utilisées en différentes combinaisons les unes avec les autres.

1. Styles - suppression des css-styles pour les tags individuels et pour le document entier.

Exemple 1:

Le texte d'origine:

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

Après le traitement:

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

Exemple 2:

Le texte d'origine:

<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>

Après le traitement:

<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. Classes et ID - suppression des sélecteurs css des classes et de l'Id.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

<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>

Exemple 2:

Le texte d'origine:

<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>

Après le traitement:

<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. Balises span - suppression des tags span.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

<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. Commentaires - suppression des commentaires du code html.

Exemple 1:

Le texte d'origine:

<!--Test comment --> <p>Lorem ipsum dolor sit amet.</p> <!--Test comment --> <p>Lorem ipsum dolor sit amet.</p> <!--Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor-->

Après le traitement:

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

5. Attributs vides - suppression des sélecteurs d'attributs vides.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

<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>

Exemple 2:

Le texte d'origine:

<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>

Après le traitement:

<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. Vider les nouvelles lignes - suppression des lignes vides.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

<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. Balises vides - suppression des tags vides.

Exemple 1:

Le texte d'origine:

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

Après le traitement:

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

Exemple 2:

Le texte d'origine:

<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>

Après le traitement:

<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. Espaces insécables - suppression des espaces continus ( ).

Exemple 1:

Le texte d'origine:

&nbsp; <p>Lorem ipsum dolor sit amet.</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <p>&nbsp;</p> <p>&nbsp;&nbsp;&nbsp;</p> <p>Lorem&nbsp;ipsum dolor sit amet.Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem&nbsp;&nbsp;ipsum dolor.</p>

Après le traitement:

<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. Liens - suppression des liens (sans suppression des éléments d'accrochage).

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

<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. Tableaux - suppression des tables.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

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

11. Formulaires - suppression des tags des formulaires de saisie.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

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

12. Images - suppression des images.

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

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

13. Balises avec espaces - suppression des tags avec espaces.

Exemple 1:

Le texte d'origine:

<html> <head> </head> <body> <a> </a> <a> </a> <a></a> <a>Text</a> <p> </p> <p> </p> <p></p> <p>&nbsp;</p> <p>Text&nbsp;</p> <p>Text</p> <p> Text </p> <h2> </h2> <h2> </h2> <h2> Text </h2> <!-- --> </body> </html>

Après le traitement:

<html> <body> <a></a> <a>Text</a> <p></p> <p>Text&nbsp;</p> <p>Text</p> <p> Text </p> <h2> Text </h2> <!-- --> </body> </html>

14. Tous les attributs des balises (sauf href et src) - suppression des attributs des tags (sauf href et src).

Exemple 1:

Le texte d'origine:

<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>

Après le traitement:

<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 code js - suppression des scripts js.

Exemple 1:

Le texte d'origine:

<!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>

Après le traitement:

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

Exemple 2:

Le texte d'origine:

<!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>

Après le traitement:

<!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. Toutes les balises - suppression de tous les tags html.

Exemple 1:

Le texte d'origine:

<!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> <!--Comment--> <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>

Après le traitement:

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

Fonction "Trouver et remplacer dans le code HTML”

Cette fonction vous permet de trouver et de remplacer des extraits de texte et des tags par des tags définies par l'utilisateur. Le remplacement fonctionne dans le traitement de texte html, dans lequel les modifications sont transmises au traitement du texte visuel.

Politique de confidentialité

HTMLCleanup utilise des cookies pour améliorer l'interaction avec les utilisateurs et pour une collecte des données analytiques sur les visiteurs anonymes. Toutes les transactions des utilisateurs sont effectuées côté client et ne sont pas stockées sur nos serveurs. Nous utilisons Google Analytics pour une collecte des statistiques anonymes et Google Adsense pour une démonstration des publicités personnalisées.