HTML Viewer — Online-HTML-Editor

Was der HTML Viewer macht

Der HTML Viewer ist ein Online-HTML-Editor mit Live-Vorschau. Füge ein Snippet ein oder schreibe eine komplette Seite mit HTML, CSS und JavaScript, und das gerenderte Ergebnis erscheint neben dem Code. Praktisch zum Testen von E-Mail-Vorlagen, für Layout-Prototypen, zum Prüfen kopierter Snippets, zum Lernen der Web-Grundlagen oder zum Nachstellen eines Fehlers — ohne Projekt, Dateien oder lokalen Server.

Die Vorschau aktualisiert sich automatisch kurz nach dem Tippen, sodass du schnelles Feedback bekommst. Bei schweren Seiten oder Skripten mit Nebenwirkungen schaltest du die automatische Ausführung ab und klickst auf Ausführen. Du kannst außerdem das Beispiel zurücksetzen, den Quelltext kopieren, als eigenständige .html-Datei herunterladen oder in einem neuen Tab öffnen.

Privat und abgeschottet

Alles läuft lokal in deinem Browser. Dein Code wird nie hochgeladen, ein Konto ist nicht nötig. Die Vorschau wird in einem Sandbox-Iframe dargestellt: Skripte laufen, sind aber von dieser Seite isoliert und können weder Entwürfe, Cookies noch andere Seitendaten lesen. So lassen sich auch unbekannte Snippets recht sicher ausprobieren; füge dennoch keinen Code ein, den du nicht verstehst und der Ressourcen Dritter lädt.

Praktische Tipps

Verwende ein vollständiges Dokument mit Doctype, Head und Body, um eine echte Seite nachzubilden, oder füge nur ein Fragment ein und lass den Browser es ergänzen. Mit Inline-Style- und Script-Blöcken bleibt das Beispiel in einer Datei. Externe Bibliotheken lädst du über absolute URLs. Relative Links und lokale Pfade funktionieren nicht, da hinter der Vorschau kein Ordner liegt. Dein letzter Entwurf wird lokal gespeichert und lässt sich wiederherstellen.