HTML Editor online
Schreib oder füge HTML ein — daneben siehst du sofort, wie es aussieht. Der Markdown-Modus macht aus einfacher Auszeichnung fertiges HTML für Produktbeschreibung oder Newsletter.
- Kostenlos
- Ohne Anmeldung
- Läuft im Browser
HTML Editor online
Wofür du als Händler einen HTML Editor brauchst
| Aufgabe | Was du tust |
|---|---|
| Produktbeschreibung für den Shop | Zwischenüberschriften, Listen und eine Merkmalstabelle schreiben und das Ergebnis sehen, bevor die Beschreibung in den Artikel kommt |
| Beschreibung vom Lieferanten | fremdes HTML einfügen und prüfen, was drinsteckt: überflüssige Stile, offene Tags, kaputte Bilder |
| Newsletter oder Vorlage | einen Block der E-Mail bearbeiten und sofort sehen, wie er aussieht |
| Text aus Markdown | Notizen, eine Antwort einer KI oder eine README in HTML umwandeln und den Code kopieren |
Die Länge des fertigen Textes für die Limits der Marktplätze zählst du mit dem Zeichenzähler.
HTML-Tags für die Produktbeschreibung
| Tag | Was er macht | Beispiel |
|---|---|---|
| <h2>, <h3> | Zwischenüberschriften der Beschreibung | <h2>Merkmale</h2> |
| <p> | Absatz | <p>Leichte Laufschuhe.</p> |
| <strong>, <em> | fett und kursiv | <strong>Gewicht 260 g</strong> |
| <ul>, <li> | Liste der Vorteile oder des Lieferumfangs | <ul><li>Größen 38–46</li></ul> |
| <table>, <tr>, <td> | Merkmalstabelle | <tr><td>Sohle</td><td>EVA</td></tr> |
| <img> | Bild über eine Adresse | <img src="https://…/foto.jpg" alt="Laufschuhe"> |
| <a> | Link | <a href="https://…">Größentabelle</a> |
Skripte, Seitenstile und iframes gehören nicht in eine Produktbeschreibung: Die meisten Shops und Marktplätze entfernen sie. Was inhaltlich in eine gute Beschreibung gehört: Produktbeschreibung schreiben.
Markdown in HTML umwandeln
Stell den Modus auf „Markdown → HTML“ und füge den Text ein — rechts erscheint das Ergebnis, und „HTML kopieren“ kopiert den fertigen Code. Markdown ist praktisch, wenn Texte in Notizen oder im Messenger entstehen oder von einer KI kommen: Die Auszeichnung ist einfach, und das HTML daraus ist sauber, ohne überflüssige Stile.
| Markdown | HTML |
|---|---|
| ## Überschrift | <h2>Überschrift</h2> |
| **fett**, *kursiv* | <strong>fett</strong>, <em>kursiv</em> |
| - Punkt | <ul><li>Punkt</li></ul> |
| 1. Punkt | <ol><li>Punkt</li></ol> |
| [Text](https://…) | <a href="https://…">Text</a> |
| | A | B | + Zeile |---|---| | Tabelle <table> |
HTML aus Markdown wird von Skripten und gefährlichen Attributen bereinigt, bevor es in die Vorschau und in die Zwischenablage kommt.
HTML-Code auf Fehler prüfen
Unter dem Editor siehst du, wie viele Zeichen der Code hat und welche Tags geöffnet, aber nicht geschlossen sind — ein vergessenes </strong> macht zum Beispiel alles bis zum Ende der Beschreibung fett. Das ist ein schneller Hinweis, keine vollständige Prüfung.
Die vollständige Prüfung nach Standard macht der kostenlose W3C-Validator: Code im Reiter „Validate by Direct Input“ einfügen — er zeigt jeden Fehler mit Zeilennummer.
HTML einer Seite im Browser ansehen und ändern
- Den ganzen Seitenquelltext: In Chrome, Edge oder Firefox Strg + U drücken (auf dem Mac ⌘ + Option + U).
- Den Code eines Blocks: Rechtsklick darauf → „Untersuchen“. Änderungen in diesem Fenster siehst nur du, und sie verschwinden nach dem Neuladen.
- HTML eines Blocks kopieren: im selben Fenster Rechtsklick auf die Zeile → „Kopieren“ → „OuterHTML kopieren“ — und hier einfügen, um in Ruhe zu bearbeiten.
Ist es sicher, fremdes HTML einzufügen?
Ja. Die Vorschau läuft in einem isolierten Rahmen ohne Erlaubnis für Skripte: Der eingefügte Code führt kein JavaScript aus, sieht weder die Seite noch deine Daten, und Links daraus öffnen sich nicht in diesem Tab. Der Code wird nirgendwohin gesendet — der Editor arbeitet in deinem Browser.
Produktbeschreibungen in HTML ohne Handarbeit
HTML für jeden Artikel von Hand zu schreiben, ist ab einigen hundert Produkten nicht mehr machbar. Elbuz schreibt lange und kurze Beschreibungen für eine Kategorie oder den ganzen Katalog auf einmal und speichert sie für jede Sprache getrennt — PIM-System von Elbuz. Der Landingpage-Generator macht aus einer Produktkarte eine interaktive Präsentationsseite mit Fotos und Merkmalsskalen und bettet sie in die Beschreibung im Shop ein, ohne die Beschreibung selbst zu ändern.
Typische Fehler
- Offener Tag:
<b>ohne</b>macht den ganzen Text darunter fett. - Beschreibung aus Word kopiert, samt
style="…"und Schriftarten — im Shop sieht sie anders aus als im Editor. - Bild über die Adresse einer fremden Website: Wird es dort entfernt, bleibt in der Beschreibung eine Lücke.
- Tabelle ohne
<tr>: Der Browser legt alle Zellen in eine Zeile. - Skript in der Produktbeschreibung — Marktplätze und die meisten Shops entfernen es oder lehnen den Artikel ab.
Wusstest du?
Markdown wurde als Werkzeug entworfen, das Text für Web-Autoren in HTML umwandelt; Version 1.0.1 erschien am 17. Dezember 2004.
Quelle: John Gruber, Daring Fireball, „Markdown“, geprüft am 01.11.2026Ein iframe mit dem Attribut sandbox ohne allow-scripts führt keine Skripte der eingebetteten Seite aus.
Quelle: MDN Web Docs, „<iframe>“, geprüft am 01.11.2026Der W3C-Validator prüft Markup über die Adresse einer Seite, eine hochgeladene Datei oder eingefügten Code.
Quelle: W3C Markup Validation Service, geprüft am 01.11.2026Die Idee, HTML weiterzuentwickeln, aus der HTML5 wurde, stellten Mozilla und Opera 2004 auf einem W3C-Workshop vor.
Quelle: WHATWG, HTML Living Standard — Introduction, geprüft am 01.11.2026
Häufige Fragen
Wie bearbeite ich HTML online?
Füge den Code in den Editor ein — rechts siehst du sofort das Ergebnis. Bearbeite den Code und klicke zum Schluss auf „HTML kopieren“.
Wie wandle ich Markdown in HTML um?
Stell den Modus auf „Markdown → HTML“, füge den Text ein und kopiere das fertige HTML mit „HTML kopieren“.
Wie prüfe ich HTML-Code auf Fehler?
Unter dem Editor siehst du nicht geschlossene und überzählige schließende Tags. Die vollständige Prüfung nach Standard macht der W3C-Validator im Reiter „Validate by Direct Input“.
Wie sehe ich den HTML-Code einer Website?
Öffne die Seite im Browser und drücke Strg + U — das ist der ganze Quelltext. Den Code eines Blocks zeigt Rechtsklick → „Untersuchen“.
Kann ich HTML in Chrome bearbeiten?
Ja: Rechtsklick auf das Element → „Untersuchen“, dann Doppelklick auf Text oder Attribut. Die Änderungen siehst nur du bis zum Neuladen; zum Behalten kopierst du den Code in den Editor.
Ist es sicher, fremden Code hier einzufügen?
Ja: Die Vorschau ist ein isolierter Rahmen ohne Skripte, der Code wird weder ausgeführt noch gesendet.
Womit öffne ich eine HTML-Datei?
Mit jedem Browser — er zeigt die Seite an. Zum Bearbeiten öffnest du die Datei in einem Texteditor oder kopierst den Inhalt hierher.