polyshHTML bereinigen
Reduzieren Sie eingefügtes HTML auf sauberes, sicheres Markup mit reinen Inhalts-Tags.
- Läuft in Ihrem Browser
- Keine Uploads
- Kein Konto
Ihr Browser-Tool wird geladen…
Was HTML bereinigen macht
Aus Word, Google Docs, E-Mail-Vorlagen oder einem Website-Baukasten kopiertes HTML bringt Schichten von spans, Inline-Stilen und generierten Klassennamen mit. In ein CMS oder einen Help-Center-Editor eingefügt, kämpft es gegen die Stile Ihrer Website und bläht die Seite auf. Das Tool baut das Markup vom Inhalt her neu auf und behält nur die Tags, die Struktur beschreiben.
Die Statuszeile unter dem Ergebnis zählt, was entfernt wurde, etwa 3 Inline-Stile oder 2 Wrapper-Tags. Schalten Sie das Ergebnis auf „Vorschau“, um zu prüfen, ob die bereinigte Version noch richtig wirkt, und behalten Sie über „Weitere Optionen“ jede Kategorie, die Sie brauchen.
Beispiel
Eingabe
<div class="post"><p style="color:red" onclick="go()">Lesen Sie die <a href="javascript:alert(1)">Anleitung</a> oder besuchen Sie das <a href="/help/">Help-Center</a>.</p><span></span><!-- Hinweis --></div>
Ergebnis
<p>Lesen Sie die Anleitung oder besuchen Sie das <a href="/help/" rel="noopener noreferrer">Help-Center</a>.</p>
Status: Bereinigt. Entfernt: 2 Wrapper-Tags, 1 Inline-Stil, 1 Event-Handler, 1 unsicherer Link, 1 Kommentar. Der javascript:-Link wird aufgelöst, sodass nur sein Text bleibt, und der sichere Link erhält rel="noopener noreferrer".
Anleitung: HTML bereinigen
- Fügen Sie HTML in das Feld „HTML“ ein, oder klicken Sie auf „Datei öffnen“, um eine .html-Datei zu laden.
- Öffnen Sie „Weitere Optionen“, um Inline-Stile, Klassen und IDs, Kommentare oder leere Elemente zu behalten oder Bilder oder Tabellen wegzulassen.
- Klicken Sie auf „Kopieren“ oder auf „.html herunterladen“.
Gut zu wissen
- Nur eine feste Auswahl an Inhalts-Tags bleibt erhalten. Elemente wie
<details>,<abbr>oder eigene Komponenten werden auf ihren Text reduziert; prüfen Sie interaktive Inhalte also danach. - Wenn Sie „Tabellen behalten“ ausschalten, werden die Daten nicht gelöscht: Jede Zeile wird zu einem Absatz, dessen Zellen durch | getrennt sind.
- Bilder behalten src, alt, title, width und height, srcset und loading werden aber entfernt, daher fallen responsive Bildsätze auf eine einzelne Datei zurück.
Fragen zu HTML bereinigen
Wie bereinige ich aus Word oder Google Docs kopiertes HTML?
Fügen Sie den HTML-Quelltext, nicht den sichtbaren Text, in das Feld ein. Word und Docs setzen Text in spans mit Inline-Stilen und Klassennamen; das Tool entfernt diese und behält Überschriften, Absätze, Listen, Links und Tabellen. Fügen Sie das Ergebnis in die HTML-Ansicht Ihres Editors ein.
Warum wurde ein Link zu reinem Text?
Sein href nutzte ein Schema, das das Tool als unsicher behandelt, etwa javascript: oder data:. Das Tool entfernt den Link, behält aber seinen Text, damit der Satz lesbar bleibt. Ergänzen Sie in Ihrem Editor eine echte https://- oder relative URL, wenn der Link irgendwohin führen soll.
Kann ich Klassen für mein eigenes CSS behalten?
Ja. Schalten Sie „Klassen und IDs entfernen“ unter „Weitere Optionen“ aus. Inline-Stile haben einen eigenen Schalter, „Inline-Stile entfernen“, sodass Sie Klassen behalten und trotzdem fest eingetragene Farben und Schriften entfernen können.
Was ist der Unterschied zum HTML-Formatierer?
Dieses Tool ändert das Markup, indem es Tags und Attribute entfernt, und rückt das Ergebnis dann um zwei Leerzeichen ein. Der HTML-Formatierer ändert nur Leerraum und behält jedes eingefügte Element und Attribut.