Zum Hauptinhalt springen
Bethemesh
Text & Schreiben

Markdown-Vorschau

Zeig ein Markdown-Dokument lokal in der Vorschau an, prüfe die Darstellung, sieh dir die Statistik an und exportiere die Quelle oder das erzeugte HTML.

  • Zwischenablage
  • Export

Dieses Widget einbetten

Passe die Darstellung an, prüfe die Vorschau und kopiere anschließend den Code.

Vorschau

Art des Einbettungscodes

Zu kopierender Code

Responsive und automatisch von Bethemesh in der Größe angepasst.

Vorschau

Statistik

0 Wörter·0 Zeichen

Gerendertes HTML

War dieses Werkzeug hilfreich?

Wie funktioniert dieses Tool?

Schreib oder füge Markdown ein und sieh sofort das Ergebnis: Überschriften, Absätze, Listen, Zitate, Tabellen, Codeblöcke, Links und Formatierungen erscheinen während der Eingabe. Die Vorschau hilft dir, eine README, eine Notiz, eine Dokumentation oder eine Nachricht zu prüfen, bevor du sie auf einer Plattform veröffentlichst, die Markdown interpretiert. Danach kannst du das erzeugte HTML kopieren oder das Dokument als .md oder .html herunterladen, ohne dass der Text deinen Browser verlässt.

Die Darstellung wird bei jedem Tastendruck neu berechnet. Die Vorschau unterstützt die gängigsten CommonMark-Elemente und Tabellen im GitHub-Stil: Überschriften von # bis ######, Absätze (aufeinanderfolgende Zeilen bilden einen Absatz), Aufzählungen und nummerierte Listen, Zitate, Trennlinien, Codeblöcke zwischen ``` mit Sprachangabe, Inline-Code, fett, kursiv und Links.

Zu deiner Sicherheit wird HTML in der Quelle als Text angezeigt und nie ausgeführt. Nur Links mit http oder https sind aktiv und öffnen sich in einem neuen Tab; entfernte Bilder werden in der Vorschau nicht geladen, stattdessen erscheint ihr Alternativtext.

Die Statistik zählt die Wörter des Inhalts ohne Markdown-Syntax und Codeblöcke sowie die Zeichen der Quelle. Der HTML-Export erzeugt eine vollständige Seite mit UTF-8-Kodierung und der Sprache der Oberfläche.

So verwenden Sie dieses Tool

  1. Markdown schreiben

    Schreib in das Feld „Markdown-Quelle“ oder importiere eine .md-Datei.

  2. Vorschau prüfen

    Kontrolliere Darstellung, erzeugtes HTML und Statistik während der Eingabe.

  3. Kopieren oder exportieren

    Kopiere das HTML oder lade das Dokument als Markdown oder HTML herunter.

Anwendungsfälle

README prüfen

Kontrolliere Überschriften, Listen und Codeblöcke, bevor du die Dokumentation eines Projekts hochlädst.

Notiz oder Artikel vorbereiten

Schreib in Markdown und prüfe die Gliederung der Überschriften, bevor du den Text in ein CMS kopierst.

Einfache HTML-Seite erstellen

Exportiere aus einem Markdown-Entwurf eine eigenständige .html-Datei, etwa für eine Anleitung.

Beispiele

Überschrift, Absatz und nummerierte Liste

Die beiden Zeilen des Absatzes werden zusammengeführt, wie in jeder CommonMark-konformen Engine.

Eingabe

## Installation

Führe den Befehl
`npm install` aus und prüfe das Ergebnis.

1. Herunterladen
2. Installieren

Ergebnis

<h2>Installation</h2><p>Führe den Befehl <code>npm install</code> aus und prüfe das Ergebnis.</p><ol><li>Herunterladen</li><li>Installieren</li></ol>

Tabelle

Die Strichzeile unter der Kopfzeile ist nötig, damit die Tabelle erkannt wird.

Eingabe

| Werkzeug | Preis |
| --- | --- |
| Bethemesh | 0 € |

Ergebnis

Eine Tabelle mit zwei Spalten und den Überschriften „Werkzeug“ und „Preis“.

Tipps und bewährte Vorgehensweisen

  • Lass zwischen zwei Absätzen eine Leerzeile: Ein einfacher Zeilenumbruch setzt denselben Absatz fort.
  • Die endgültige Darstellung kann je nach Plattform (GitHub, GitLab, ein CMS) abweichen: Erweiterungen wie Kontrollkästchen, Fußnoten oder eingebettetes HTML werden hier nicht interpretiert.
  • Um die Syntax vor der Veröffentlichung zu vereinheitlichen, gib den Text zuerst in „Markdown formatieren“ ein.

Quellen und Referenzen

Häufig gestellte Fragen

Welche Markdown-Syntax wird unterstützt?

Die gängigen CommonMark-Elemente (Überschriften, Absätze, Listen, Zitate, Code, Trennlinien, fett, kursiv, Links) und Tabellen im GitHub-Stil. Plattformspezifische Erweiterungen werden nicht erkannt.

Kann ich HTML in mein Markdown einfügen?

Es wird als Text angezeigt und nie ausgeführt. So kann ein eingefügter Inhalt kein Skript auf der Seite starten.

Warum werden meine Bilder nicht angezeigt?

Die Vorschau lädt keine entfernten Ressourcen, um keine fremden Server zu kontaktieren; stattdessen erscheint der Alternativtext des Bildes. Der Konverter „Markdown zu HTML“ behält die Bild-Tags dagegen bei.

Was ist der Unterschied zu „Markdown zu HTML“?

Die Vorschau zeigt die Darstellung live und exportiert eine vollständige Seite. Der Konverter erzeugt reines HTML zum Einfügen in eine andere Website und lässt sich in einer Pipeline verketten.

Wird mein Dokument gespeichert?

Nein. Vorschau und Export laufen in deinem Browser; schließt du die Seite, ist der Text weg.

Verwandte Werkzeuge

Mit diesen Werkzeugen weitermachen

Werkzeuge, die diesem ähnlich sind oder es ergänzen.

Ähnliche Werkzeuge

Markdown formatieren

Formatiere Markdown für eine einheitlichere Struktur, die sich leichter prüfen lässt.

Text & SchreibenDieses Werkzeug verwenden

HTML-Formatierer

Formatiere HTML oder entferne gewöhnliche Kommentare lokal. Textabstände und Skriptinhalt bleiben bei der Kommentarentfernung erhalten.

Text & SchreibenDieses Werkzeug verwenden

Wort- und Zeichenzähler

Analysiere einen Text und erhalte die Anzahl der Wörter, Zeichen, Zeilen, Sätze und Absätze.

Text & SchreibenEmpfohlenDieses Werkzeug verwenden