Write or paste HTML codeHTML Editor

Schreiben oder fügen Sie HTML ein, um die Vorschau zu sehen

Was ist der HTML-Editor?

Dies ist ein voll ausgestatteter Online-HTML-Editor mit Echtzeit-Vorschau. Schreiben oder fügen Sie HTML-Code im linken Panel ein und sehen Sie das gerenderte Ergebnis sofort rechts.

Im Gegensatz zu einem einfachen Viewer ist dieser Editor zum Schreiben und Bearbeiten konzipiert. Laden Sie bestehende HTML-Dateien hoch, formatieren Sie unordentlichen Code mit einem Klick und laden Sie Ihre fertige Arbeit herunter.

Alles läuft lokal in Ihrem Browser. Ihr HTML-Code berührt niemals unsere Server. Schnell, kostenlos und völlig privat.

So verwenden Sie den HTML-Editor

Folgen Sie diesen Schritten, um Ihr HTML zu schreiben, bearbeiten und in der Vorschau anzuzeigen.

HTML schreiben oder hochladen

Beginnen Sie HTML im Editor zu tippen, oder klicken Sie auf Hochladen, um eine bestehende .html-Datei zu laden. Sie können auch auf Beispiel klicken, um eine Demo-Seite zu laden.

Live-Vorschau ansehen

Das rechte Panel rendert Ihr HTML sofort während Sie tippen. CSS-Stile, Bilder und JavaScript werden in der isolierten Vorschau ausgeführt.

Formatieren und Bearbeiten

Klicken Sie auf Formatieren, um Ihren Code automatisch einzurücken. Ziehen Sie den Teiler, um die Panel-Größen anzupassen. Klicken Sie auf Maximieren für die Vollbild-Vorschau.

Herunterladen oder Kopieren

Klicken Sie auf Herunterladen, um Ihre Arbeit als .html-Datei zu speichern, oder Kopieren, um den Code in die Zwischenablage zu kopieren.

Wann Sie dies verwenden würden

Webseiten-Prototyping

Erstellen und testen Sie schnell HTML-Layouts, Komponenten oder ganze Seiten. Sehen Sie Ihre Änderungen in Echtzeit gerendert.

HTML lernen

Perfekt für Anfänger, die HTML lernen. Schreiben Sie Tags, sehen Sie was sie bewirken, experimentieren Sie mit Attributen und Stilen.

Code-Snippets testen

Haben Sie ein HTML-Snippet aus einem Tutorial oder Stack Overflow? Fügen Sie es ein, sehen Sie wie es rendert, passen Sie es an und kopieren Sie das Ergebnis.

E-Mail-Template-Bearbeitung

E-Mail-HTML ist mit Inline-Stilen und Tabellen-Layouts knifflig. Laden Sie Ihre Vorlage hoch, bearbeiten Sie sie visuell und laden Sie das Ergebnis herunter.

Häufig gestellte Fragen

Werden meine HTML-Daten gespeichert?

Nein. Alles läuft vollständig in Ihrem Browser. Ihr HTML verlässt Ihren Computer nur, wenn Sie es explizit herunterladen oder kopieren.

Unterstützt der Editor CSS und JavaScript?

Ja. Inline-Stile, <style>-Tags und <script>-Tags funktionieren. Die Vorschau läuft in einem isolierten iframe für die Sicherheit.

Welche Dateiformate kann ich hochladen?

Sie können .html- und .htm-Dateien hochladen. Der Inhalt wird direkt in den Editor geladen.

Wie funktioniert der Formatieren-Button?

Der Formatieren-Button rückt Ihren HTML-Code mit korrekter Verschachtelung automatisch ein und macht unordentliches HTML lesbar.

Kann ich es als HTML-Playground verwenden?

Absolut. Es funktioniert hervorragend als Sandbox zum Experimentieren mit HTML, CSS und JavaScript.

Ist die Vorschau sicher?

Die Vorschau rendert in einem isolierten iframe, der von der Hauptseite getrennt ist.

HTML-Editor