Markdown zu HTML

Schreiben Sie Markdown und sehen Sie das formatierte Ergebnis sofort. Exportieren Sie sauberes HTML für Website, Blog oder E-Mail oder laden Sie eine fertige HTML-Seite herunter.

  • Live-Vorschau
  • GitHub Flavored Markdown
  • HTML-Export
Markdown
Anleitung

So verwenden Sie das Tool: Markdown zu HTML

  1. 01

    Markdown schreiben

    Tippen Sie im Editor oder nutzen Sie die Werkzeugleiste für Überschriften, Fett, Links, Listen, Tabellen und Code.

  2. 02

    Vorschau beim Tippen

    Die Vorschau aktualisiert sich sofort. Wechseln Sie zum HTML-Tab, um den erzeugten Code zu sehen.

  3. 03

    Exportieren

    Kopieren Sie das HTML, laden Sie eine vollständige .html-Seite herunter oder speichern Sie Ihr Markdown als .md-Datei.

Ratgeber

Über das Tool: Markdown zu HTML

Markdown zu HTML ist ein Live-Markdown-Editor. Schreiben Sie mit einfachen Zeichen wie # und **, sehen Sie das formatierte Ergebnis sofort und exportieren Sie sauberes HTML für Website, Blog, Dokumentation oder E-Mail.

Was ist Markdown?

Markdown ist eine leichtgewichtige Möglichkeit, Text mit einfachen Zeichen zu formatieren. Es wurde so entworfen, dass es schon vor der Umwandlung gut lesbar ist. Es wird überall genutzt: GitHub-READMEs, Dokumentationsseiten, Notiz-Apps wie Obsidian und Notion, Foren und Static-Site-Generatoren.

Markdown-Spickzettel

  • # Überschrift, ## Zwischenüberschrift für Titel
  • **fett**, *kursiv*, ~~durchgestrichen~~
  • [Linktext](https://example.com) und ![Alternativtext](image.png)
  • - Punkt für Aufzählungen, 1. Punkt für nummerierte Listen, - [ ] Aufgabe für Checklisten
  • > Zitat für Zitate und `Code` oder ein ```-Block für Code
  • Tabellen mit senkrechten Strichen: | Name | Preis | gefolgt von | --- | --- |

So funktioniert es

Der Editor nutzt marked, einen schnellen Parser, der den Spezifikationen von CommonMark und GitHub Flavored Markdown folgt. Die Vorschau wird mit DOMPurify bereinigt, das Skripte und anderes unsicheres HTML blockiert. Das exportierte HTML ist semantisches Markup ohne Inline-Styles und übernimmt daher das Design Ihrer eigenen Website.

Tipps

  • Lassen Sie zwischen Absätzen, Listen und Überschriften eine Leerzeile. Die meisten Formatierungsprobleme entstehen durch fehlende Leerzeilen.
  • Geben Sie nach dem Code-Zaun eine Sprache an, etwa ```js, damit Syntax-Highlighter auf Ihrer Website den Code einfärben können.
  • Laden Sie die vollständige Seite für eine eigenständige Datei zum Öffnen oder Versenden herunter, und nutzen Sie HTML kopieren zum Einfügen in ein CMS.
  • Ihr Entwurf wird automatisch in diesem Browser gespeichert. Laden Sie die .md-Datei herunter, um eine dauerhafte Kopie zu behalten.

Auf einen Blick

Syntax
GitHub Flavored Markdown
Vorschau
Live, bereinigt mit DOMPurify
Export
HTML-Snippet, vollständige .html-Seite, .md
Engine
marked
Autospeichern
Entwurf bleibt in diesem Browser
Datenschutz
Es wird nichts hochgeladen
Tool verwenden: Markdown zu HTML Ratgeber lesenMarkdown-Spickzettel: die ganze Syntax, die Sie brauchen, mit Beispielen
FAQ

Fragen zu diesem Tool

Fehlt etwas? Schreiben Sie an contact@ultratoolsai.com.

Welche Markdown-Funktionen werden unterstützt?

Alles aus GitHub Flavored Markdown: Überschriften, Hervorhebungen, Links, Bilder, Zitate, nummerierte Listen und Aufgabenlisten, Tabellen, umzäunte Codeblöcke und Durchstreichen.

Ist das HTML sicher?

Die Vorschau wird mit DOMPurify bereinigt, um Skripte zu blockieren. Das exportierte HTML ist sauberes, semantisches Markup ohne Inline-Styles.

Wird mein Entwurf gespeichert?

Ihr aktueller Entwurf wird in diesem Browser gespeichert und ist beim nächsten Besuch noch da. Es wird nichts hochgeladen.

Welche Markdown-Engine wird verwendet?

Marked, ein schneller, standardkonformer Markdown-Parser.