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

Bereinigungsoptionen

Visual Editor

Wörter: 0

HTML-Editor

Zeichen: 0

HTML cleaner

Mit unserem Service können Sie jeden Text von Word in HTML-Markup konvertieren und Tags aus dem HTML-Code hinzufügen und entfernen. Der resultierende Text ist einfach zu verwenden, um Inhalte in verschiedenen CMS zu veröffentlichen. Sie können auch unseren visuellen Editor verwenden, um sie sofort anzusehen und zu bearbeiten.

Beschreibung der Funktionalität von HTML Cleanup

Unser Service ermöglicht es Ihnen, den HTML-Code in einen leicht lesbaren Text umzuwandeln, der als einfaches Textdokument oder mit Hilfe von CMS-Editoren eröffentlicht werden kann. Eine visuelle Bearbeitungsfunktion ist ebenfalls verfügbar.

Der Service bietet 16 Reinigungs Optionen, die in verschiedenen Kombinationen miteinander verwendet werden können.

1. Stile - Entfernt CSS-Stile für einzelne Tags und das gesamte Dokument.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

Ein Beispiel 2:

Quelltext:

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

Nach der Behandlung:

<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. Klasses und IDs - Entfernen von CSS-Klassen- und ID-Selektoren.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

Ein Beispiel 2:

Quelltext:

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

Nach der Behandlung:

<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. Span-Tags - Entfernt Span-Tags.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

<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. Kommentare - Entfernt Kommentare aus dem HTML-Code.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

5. Leere Attribute - Entfernt leere Attributselektoren.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

Ein Beispiel 2:

Quelltext:

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

Nach der Behandlung:

<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. Leere neue Zeilen - Löscht leere Zeilen.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

<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. Leere Tags - Löscht leere Tags.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

Ein Beispiel 2:

Quelltext:

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

Nach der Behandlung:

<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. Geschützte Leerzeichen - Entfernen von nicht trennbaren Leerzeichen ( ).

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

<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. Links - Entfernt Links (ohne Bindungselemente zu entfernen).

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

<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. Tabellen - Löschen von Tabellen.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

11. Formen - Löscht die Tags für Eingabeformen.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

12. Bilder - Löschen von Bildern.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

13. Tags mit Leerzeichen - Löscht Tags mit Leerzeichen.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

<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. Alle Tags-Attribute (außer href und src) - Entfernt Tag-Attribute (außer href und src).

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

<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. JS-Code-Skripte - Entfernen von JS-Skripten.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

Ein Beispiel 2:

Quelltext:

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

Nach der Behandlung:

<!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. Alle Tags - Entfernt alle HTML-Tags.

Ein Beispiel 1:

Quelltext:

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

Nach der Behandlung:

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

Funktion "In HTML suchen und ersetzen"

Mit dieser Funktion können Sie Textfragmente und Tags im HTML-Code durch benutzerdefinierte Tags suchen und ersetzen. Das Ersetzen wird im HTML-Editor ausgelöst, dessen Änderungen an den visuellen Editor übergeben werden.

Datenschutz

HTML Cleanup verwendet Cookies, um die Interaktion mit Benutzern zu verbessern und Analysen über anonyme Besucher zu sammeln. Alle Benutzer Vorgänge werden auf der Clientseite ausgeführt und werden nicht auf unseren Servern gespeichert. Wir verwenden Google Analytics, um anonyme Statistiken zu sammeln, und Google Adsense, um personalisierte Anzeigen zu schalten.