Ueberblick
Der HTML-Bereiniger hilft dir, eingefügtes oder generiertes Markup vor der Weiterverwendung in einer Seite, E-Mail, Vorschau oder Dokumentation zu säubern. Er konzentriert sich auf gefährliche Elemente wie Skripte und Inline-Event-Handler sowie auf unnötige Kommentare und störende Attribute. Das ist besonders nützlich bei HTML aus einem CMS, einem Rich-Text-Editor, Nutzereingaben oder kopierten Inhalten aus anderen Quellen. Die bereinigte Ausgabe wird im Browser erstellt, sodass du das Ergebnis vor dem Einfügen prüfen kannst.
Anwendungsfaelle
- Nutzergenerierte Inhalte absichernEntferne Inline-Handler und eingebettete Skripte aus Inhalten aus Formularen, Kommentaren oder Editoren, bevor sie weiterverwendet werden.
- CMS-Export für ein anderes System vorbereitenBereinige aus einer Content-Plattform kopiertes Markup, damit es leichter in einen Website-Builder, eine Mailvorlage oder Dokumentation passt.
- Kopiertes Markup von Ballast befreienEntferne Kommentare, Tracking-Attribute und andere Reste aus Textverarbeitungen oder WYSIWYG-Editoren.
- Code für Vorschauen und Demos säubernReduziere riskantes Markup in Beispiel-HTML, bevor es in einer Vorschau, Sandbox oder Präsentation verwendet wird.
- Markup vor der Integration prüfenUntersuche aus fremden Quellen eingefügtes HTML und entferne unsichere Teile, bevor es in ein Projekt gelangt.
So funktioniert es
- 1
Füge HTML in das Eingabefeld ein oder lade es hoch.
- 2
Das Tool prüft Tags, Kommentare und Attribute auf unsicheres oder unnötiges Markup.
- 3
Es entfernt Skripte, Event-Handler und andere riskante Elemente gemäß den Bereinigungsregeln.
- 4
Prüfe das bereinigte HTML im Ausgabebereich und kopiere es, wenn es passt.
Beispiele
Handler und Skript aus einem Abschnitt entfernen
Eingabe: <section onclick="track()"><script>bad()</script><h2>Aktualisierung</h2><!-- Entwurf --></section>
Ausgabe: <section><h2>Aktualisierung</h2></section>
Skript, Kommentar und Event-Handler werden entfernt, der Inhalt des Abschnitts bleibt erhalten.
Linkinhalt behalten, riskantes Verhalten löschen
Eingabe: <p>Lies <a href="/docs" onmouseover="steal()">die Anleitung</a> jetzt.</p>
Ausgabe: <p>Lies <a href="/docs">die Anleitung</a> jetzt.</p>
Der Linktext und das Ziel bleiben erhalten, das unsichere Event-Attribut wird entfernt.
Eingefügtes Markup mit Zusatzattributen bereinigen
Eingabe: <div class="box" data-id="42" onclick="alert(1)"><img src="banner.png" alt="Banner" width="800" height="300"></div>
Ausgabe: <div class="box" data-id="42"><img src="banner.png" alt="Banner" width="800" height="300"></div>
Nützliche Layout- und Bildattribute bleiben stehen, der riskante Klick-Handler wird entfernt.
FAQ
Was entfernt das Tool genau?
Es entfernt Skripte, Kommentare und Attribute, die Code ausführen oder unerwünschtes Verhalten hinzufügen können, etwa Inline-Event-Handler. Was bleibt, hängt von den Bereinigungsregeln für den Eingabetext ab.
Werden normale Tags wie div, p oder img verändert?
In der Regel nicht. Der Fokus liegt auf unsicheren oder störenden Teilen, nicht auf einer kompletten Neuschreibung des Dokuments.
Warum bleiben manche Attribute erhalten und andere nicht?
Als unkritisch eingestufte Attribute können erhalten bleiben, riskante werden entfernt. Deshalb kann ein Datenattribut bleiben, während ein Event-Handler verschwindet.
Repariert das Tool kaputtes HTML oder falsche Verschachtelungen?
Nein. Es kann Markup bereinigen, ist aber kein vollständiges Reparaturwerkzeug. Für strukturelle Korrekturen solltest du danach zusätzlich einen HTML-Formatter oder Validator nutzen.
Warum ist die Ausgabe manchmal kürzer als die Eingabe?
Kommentare, Skripte und unsichere Attribute werden absichtlich entfernt. Wenn dein Original-HTML von diesen Teilen abhängig war, wird die Ausgabe kürzer und verhält sich möglicherweise anders.