Ueberblick
Die HTML-Vorschau hilft dir, HTML-Inhalte nach der Bereinigung zu prüfen. Sie ist für die schnelle Anzeige von vertrauenswürdigem oder untrusted Markup in einem sicheren, clientseitigen Ablauf gedacht. Nutze sie, um den bereinigten Quellcode zu prüfen, entfernte Elemente zu erkennen und Links sowie Medien vor dem Veröffentlichen oder Teilen zu kontrollieren.
Anwendungsfaelle
- HTML-Snippets vor dem Veröffentlichen prüfen.
- Bereinigte Inhalte aus Nutzerbeiträgen kontrollieren.
- Links, Bilder und Attribute in generiertem Markup inspizieren.
- Bereinigtes HTML nach Export oder Konvertierung verifizieren.
- Unsicheres oder fehlerhaftes HTML sicher ansehen.
So funktioniert es
- 1
Füge dein HTML in das Eingabefeld ein.
- 2
Das Tool bereinigt das Markup clientseitig.
- 3
Prüfe die Vorschau und den bereinigten HTML-Quellcode.
- 4
Kontrolliere Links, Bilder, Attribute und Validierungsmeldungen.
- 5
Kopiere das bereinigte Ergebnis, wenn alles passt.
Beispiele
Vor dem Veröffentlichen eines Blog-Snippets
Eingabe: <p>Hallo <script>alert(1)</script><a href='https://example.com'>Link</a></p>
Ausgabe: <p>Hallo <a href="https://example.com">Link</a></p>
Skripte werden entfernt, sichere Inhalte bleiben erhalten.
Prüfung von Nutzerinhalten
Eingabe: <img src='photo.jpg' onerror='alert(1)'><strong>Guter Beitrag</strong>
Ausgabe: <img src="photo.jpg"><strong>Guter Beitrag</strong>
Gefährliche Event-Handler werden aus Elementen entfernt.
FAQ
Ist diese HTML-Vorschau sicher?
Ja. Sie ist für die clientseitige Anzeige bereinigten HTMLs gedacht und sollte im Ausgabebereich keine aktiven Skripte ausführen.
Entfernt sie Skripte und unsichere Attribute?
Ja. Der Sanitizer soll gängige XSS-Vektoren wie script-Tags und Event-Handler entfernen.
Kann ich Links und Bilder separat prüfen?
Ja. Die Vorschau hilft dir, extrahierte Links, Bilder und wichtige Attribute zur Validierung zu prüfen.
Wird mein HTML an einen Server gesendet?
Nein. Das Tool ist ausschließlich für clientseitige Logik ausgelegt und nutzt keine externen APIs.