Über dieses Werkzeug
Sehen Sie HTML auf der Seite in der Vorschau, wenn Sie ein E-Mail-Snippet, einen Landing-Block oder eine Übung skizzieren, ohne einen Server bereitzustellen.
Die Live-Vorschau ist zum Lernen und zum Finden fehlender Tags, bevor Sie in ein CMS einfügen. Sie ist keine Produktions-Sandbox: Skripte können begrenzt sein, und Drittanbieter-Pixel sollten Sie hier nicht mit echten Kundendaten testen.
Schreiben Sie semantisches HTML. Prüfen Sie arabisches Rechts-nach-links, wenn das Fragment auf 1CLIK oder eine zweisprachige Site kommt. Kombinieren Sie HTML formatieren, wenn die Einfügung als eine minifizierte Zeile ankam.
Sehen Sie kein HTML in der Vorschau, dem Sie nicht vertrauen (zufällige Anhänge). Schädliches Markup ist in eigenen Entwürfen selten und in „kostenlosen Vorlagen“ häufig. Lassen Sie den Bereich für Code, den Sie geschrieben oder geprüft haben.
Kurze Schritte
- Fügen Sie HTML ein oder tippen Sie es in den Editor.
- Beobachten Sie, wie sich der Vorschaubereich aktualisiert.
- Korrigieren Sie Tags und kopieren Sie das Markup heraus.
- Testen Sie erneut im echten CMS oder E-Mail-Werkzeug.
Das Markup bleibt im Tab. Wir veröffentlichen Ihr Snippet nicht im öffentlichen Internet.
FAQ
Kann ich CSS und JS nutzen?
Der HTML/CSS/JS-Playground ist besser für Versuche mit mehreren Dateien.
E-Mail-HTML?
E-Mail-Clients sind eigen. Sehen Sie hier vor und testen Sie danach im echten Client, etwa Gmail oder Outlook.
PHP oder Blade?
Das ist clientseitiges HTML. Server-Vorlagen werden nicht ausgeführt.