HTML-Editor & Viewer

Schreiben, fügen Sie ein oder laden Sie HTML, CSS und JavaScript in das Panel "HTML-Editor" hoch und sehen Sie das Ergebnis in Echtzeit im "HTML-Viewer".

HTML-Editor Tippen, einfügen oder eine .html-Datei hier ablegen
HTML-Viewer Live bearbeitbare Vorschau

So verwenden Sie den HTML-Editor & Viewer

1. Schreiben oder fügen Sie Ihr HTML ein

Tippen Sie direkt in das linke Code-Feld oder fügen Sie den Code ein, den Sie bereits haben: ein Kontaktformular, eine E-Mail-Vorlage, eine vollständige HTML-Seite mit CSS und JavaScript oder jedes andere HTML-Projekt. Die Syntaxhervorhebung hilft Ihnen, Tags, Attribute und Werte während der Arbeit klar zu erkennen.

2. Oder laden Sie eine Datei hoch

Wenn Sie bereits eine .html-Datei haben, ziehen Sie sie per Drag & Drop in das Code-Feld oder klicken Sie auf „Datei hochladen", um eine von Ihrem Gerät auszuwählen. Sie wird direkt in den Editor geladen.

3. Sehen Sie die Live-Vorschau

Das rechte Feld zeigt eine Live-Vorschau. Es stellt Ihr HTML in Echtzeit dar, während Sie tippen. Wechseln Sie jederzeit zu „Quelltext", wenn Sie den gerenderten Code sehen möchten.

4. Bearbeiten Sie auf beiden Seiten

Verwenden Sie die Symbolleiste über dem Code-Feld, um Tags einzufügen, Text zu formatieren oder Änderungen rückgängig zu machen bzw. zu wiederholen. Klicken Sie direkt in die Vorschau und tippen Sie. Wenn Sie Text auswählen, erscheint eine Formatierungsleiste (Kursiv, Unterstrichen, Links, Ausrichtung, Farbe). Durch Klicken auf ein Bild oder ein anderes Element können Sie es einmalig löschen. Beide Bereiche bleiben jederzeit synchron.

5. HTML kopieren oder herunterladen

Wenn Sie mit der Bearbeitung fertig sind und der HTML-Viewer das gewünschte Ergebnis zeigt, klicken Sie auf „HTML kopieren", um den Quellcode in die Zwischenablage zu kopieren, oder auf „.html herunterladen", um ihn als Datei zu speichern.

Datenschutz & Sicherheit

Nichts, was Sie eingeben oder hochladen, wird jemals an einen Server gesendet. Ihre Arbeit bleibt in Ihrem eigenen Browser gespeichert, sodass Sie sie nicht verlieren, und nichts wird nachverfolgt.