Zum Inhalt springen
Kostenloses Tool

Markdown Editor online mit Live-Vorschau

Mit diesem Markdown Editor online schreibst du Markdown und siehst daneben sofort die Live-Vorschau. Öffne .md-Dateien, mach aus kopierten Excel-Zellen eine Tabelle, speichere das Dokument als PDF oder kopiere es als HTML. Für Discord-Nachrichten gibt es einen eigenen Modus mit Spoilern und Zeichenzähler. Kostenlos und ohne Anmeldung, dein Text bleibt in deinem Browser.

Gebaut von Dimitri Heissler

Du baust gerade etwas Eigenes? Hoste es auf einem vServer mit voller Kontrolle.

GitHub Flavored Markdown: Überschriften, Listen, Tabellen, Aufgabenlisten, Code mit Syntax-Hervorhebung. Passt für README-Dateien, Issues und Dokumentation.

Dein Text bleibt in diesem Browser. Er wird nur lokal als Entwurf gespeichert, nie hochgeladen. Strg+Z macht Änderungen rückgängig.

Wörter
63
Zeichen
490
Zeilen
28
Überschriften
3
Lesezeit
1 Min.

Beispiel-Ergebnis

Was dieser Markdown Editor dir zeigt

Du schreibst Markdown und siehst daneben sofort die fertige Darstellung. Dazu bekommst du den HTML-Code zum Kopieren, Zahlen zu Wörtern, Zeichen und Lesezeit und, im Discord-Modus, den Abstand zum Zeichenlimit. Drei Beispiele:

Beispiel 1: Eine kurze README

Eingabe (README / GitHub):

# Mein Server

Läuft auf **8 GB RAM** mit `Paper 1.21`.

- [x] Backup
- [ ] Whitelist

Vorschau:

Mein Server

Läuft auf 8 GB RAM mit Paper 1.21.

  • Backup
  • Whitelist

HTML-Code zum Kopieren:

<h1 id="mein-server">Mein Server</h1>
<p>Läuft auf <strong>8 GB RAM</strong> mit <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Whitelist</li>
</ul>

Ergebnis in Worten: Aus 1 Überschrift wird ein h1, die zwei Hervorhebungen werden zu strong und code, und die beiden Listenpunkte werden zu einer Aufgabenliste mit einem gesetzten und einem offenen Kästchen. Der Text hat 12 Wörter und 85 Zeichen, die Lesezeit liegt bei 1 Minute.

Beispiel 2: Eine Tabelle

Eingabe (README / GitHub):

| Tarif | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Vorschau:

TarifRAM in GB
Basic4
Pro8

HTML-Code zum Kopieren:

<table>
<thead>
<tr>
<th>Tarif</th>
<th align="right">RAM in GB</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Ergebnis in Worten: Die Tabelle hat zwei Spalten und zwei Datenzeilen. Die Zeile mit den Strichen trennt Kopf und Inhalt, der Doppelpunkt in „---:“ richtet die zweite Spalte rechtsbündig aus.

Beispiel 3: Eine Discord-Nachricht

Eingabe (Discord):

# Event heute
**20 Uhr** im ||Voice-Channel||
-# Anmeldung offen

Vorschau wie in Discord:

Event heute

20 Uhr im Spoiler, zum Anzeigen klicken

Anmeldung offen

Ergebnis in Worten: Die Zeile mit # wird zur großen Überschrift, **20 Uhr** erscheint fett, der Text zwischen || ist ein Spoiler und wird erst nach einem Klick sichtbar, und die Zeile mit -# wird klein und grau. Die Nachricht hat 64 von 2.000 erlaubten Zeichen.

So funktioniert es

So schreibst du Markdown online mit Live-Vorschau

Vier Schritte vom leeren Textfeld bis zum fertigen Dokument oder zur Discord-Nachricht, ohne Konto und ohne Installation.

Schritt 1

Variante wählen

Wähle oben „README / GitHub“ für Dokumente mit Tabellen und Aufgabenlisten oder „Discord“ für Chat-Nachrichten mit Spoilern und Zitaten. Jede Variante hat ihren eigenen Text und ihre eigenen Hinweise.

Schritt 2

Schreiben oder Datei öffnen

Tippe deinen Text, nutze die Schaltflächen für Fett, Liste, Tabelle und Code oder die Kürzel Strg+B, Strg+I und Strg+K. Zellen aus Excel fügst du ein, markierst sie und klickst auf „Tabelle“. Mit „Datei öffnen“ lädst du eine vorhandene .md-Datei, sie bleibt in deinem Browser.

Schritt 3

Vorschau prüfen

Rechts, auf dem Handy im Reiter „Vorschau“, siehst du bei jedem Zeichen das Ergebnis. Bei mehr als 100.000 Zeichen erscheint die Vorschau im Modus „README / GitHub“ erst nach einem Klick auf „Vorschau trotzdem anzeigen“, nach jeder Änderung erneut. Im Discord-Modus zeigt der Editor die Nachricht im Discord-Look und warnt vor Tabellen, Bildern und zu langen Texten.

Schritt 4

Ergebnis übernehmen

Kopiere das Markdown oder den fertigen HTML-Code, lade das Dokument als .md- oder .html-Datei herunter oder wähle „Als PDF speichern“ und dann im Druckdialog „Als PDF speichern“. Für Discord kopierst du die Nachricht und fügst sie im Chat ein.

Markdown Viewer

Markdown Viewer: .md-Datei öffnen, lesen und als PDF speichern

Du brauchst kein extra Programm, um eine .md-Datei zu lesen. Der Editor öffnet sie in deinem Browser, zeigt sie formatiert an und gibt sie als PDF oder HTML weiter.

MD-Datei öffnen ohne Installation

Klicke auf „Datei öffnen“ und wähle eine .md-, .markdown-, .mdown- oder .txt-Datei bis 2 MB. Dein Browser liest sie lokal, nichts wird hochgeladen. Im Modus „README / GitHub“ zeigt die Vorschau Überschriften, Tabellen, Aufgabenlisten und Code mit Syntax-Hervorhebung.

Markdown in PDF umwandeln

„Als PDF speichern“ öffnet den Druckdialog deines Browsers mit dem formatierten Dokument. Wähle dort „Als PDF speichern“ als Ziel. Das PDF entsteht auf deinem Gerät, den Dokumenttitel übernimmt der Editor aus der ersten Überschrift.

Markdown in HTML umwandeln

„HTML kopieren“ legt den HTML-Code in die Zwischenablage, „.html herunterladen“ speichert eine vollständige Seite mit Grundstil. Beides findest du, wie den PDF-Export, im Modus „README / GitHub“.

Grundlagen

Was ist Markdown? Einfach erklärt

Markdown ist eine einfache Schreibweise, mit der du Text über wenige Zeichen formatierst. Du schreibst normalen Text, ein Programm macht daraus Überschriften, Listen, Tabellen und Links.

So sieht es aus

Ein # am Zeilenanfang macht eine Überschrift, **fett** einen fetten Text, ein Strich am Zeilenanfang einen Listenpunkt und eckige plus runde Klammern einen Link. Der Text bleibt auch ohne Programm lesbar.

Wofür man es nutzt

Für README.md-Dateien auf GitHub, technische Dokumentation, Notizen, Forenbeiträge und Chat-Nachrichten, zum Beispiel in Discord. Die Dateiendung ist .md oder .markdown.

Wie du es ausprobierst

Schreibe oben in das Textfeld und sieh sofort die Vorschau. Mit „Datei öffnen“ liest du eine vorhandene .md-Datei, mit „Als PDF speichern“ oder „HTML kopieren“ gibst du das Ergebnis weiter.

Markdown Tabelle

Markdown-Tabelle erstellen: Syntax, Ausrichtung und Excel-Import

Eine Tabelle besteht aus einer Kopfzeile, einer Trennzeile und den Datenzeilen, jeweils mit senkrechten Strichen zwischen den Spalten. Du schreibst sie von Hand oder lässt den Editor sie aus kopierten Zellen bauen.

Aufbau

Eingabe:

| Tarif | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Vorschau:

TarifRAM in GB
Basic4
Pro8

Spalten ausrichten

Ein Doppelpunkt in der Trennzeile bestimmt die Ausrichtung: links, in der Mitte oder rechts.

| Linksbündig | Zentriert | Rechtsbündig |
| :--- | :---: | ---: |
| a | b | c |

Vorschau:

LinksbündigZentriertRechtsbündig
abc

Aus Excel oder Google Sheets

Zellen kopieren, einfügen, markieren und auf „Tabelle“ klicken. Aus dem kopierten Text:

Tarif	RAM in GB
Basic	4
Pro	8

wird diese Markdown-Tabelle, die Zahlenspalte steht rechtsbündig:

| Tarif | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Markdown Cheat Sheet

Markdown-Syntax auf einen Blick

Die wichtigsten Elemente von GitHub Flavored Markdown mit Eingabe und Ergebnis. Die rechte Spalte erzeugt derselbe Renderer wie die Vorschau im Editor.

Markdown-Syntax und Ergebnis
ElementMarkdownErgebnis
Überschriften
# Überschrift 1
## Überschrift 2
### Überschrift 3

Überschrift 1

Überschrift 2

Überschrift 3

Fett und kursiv
**fett**, *kursiv*, ***beides***

fett, kursiv, beides

Durchgestrichen
~~alt~~ neu

alt neu

Link
[Link-Text](https://example.com)
Bild
![Bildbeschreibung](https://example.com/bild.png)
Zeigt das Bild an, die Beschreibung dient als Alternativtext.
Aufzählung
- Eins
- Zwei
  - Zwei A
  • Eins
  • Zwei
    • Zwei A
Nummerierte Liste
1. Erstens
2. Zweitens
  1. Erstens
  2. Zweitens
Aufgabenliste
- [x] erledigt
- [ ] offen
  • erledigt
  • offen
Zitat
> Ein Zitat

Ein Zitat

Code im Satz
Starte `npm run dev`

Starte npm run dev

Code-Block
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tabelle
| Name | Wert |
| --- | ---: |
| RAM | 8 |
NameWert
RAM8
Trennlinie
---

Discord Markdown

Discord-Text formatieren: die wichtigsten Befehle

Discord kennt eine eigene, kleinere Variante von Markdown. Schalte oben auf „Discord“, um deine Nachricht vor dem Senden so zu sehen, wie sie im Chat erscheint.

Discord-Formatierung und Ergebnis
ElementEingabeErgebnis in Discord
Fett
**fett**

fett

Kursiv
*kursiv* oder _kursiv_

kursiv oder kursiv

Unterstrichen
__unterstrichen__

unterstrichen

Durchgestrichen
~~durchgestrichen~~

durchgestrichen

Kombiniert
__***unterstrichen, fett und kursiv***__

unterstrichen, fett und kursiv

Spoiler
||versteckter Text||

Spoiler, zum Anzeigen klicken

Code im Satz
`Code`

Code

Code-Block
```js
console.log('hi');
```
console.log('hi');
Zitat
> Ein Zitat

Ein Zitat

Überschriften
# Groß
## Mittel
### Klein

Groß

Mittel

Klein

Kleiner Text
-# Fußzeile

Fußzeile

Liste
- Eins
- Zwei
1. Erstens
  • Eins
  • Zwei
  1. Erstens
Link mit Text
[Link-Text](https://example.com)

Vergleich

GitHub-Markdown und Discord-Markdown im Vergleich

Ein Text, der in einer README gut aussieht, kann im Discord-Chat kaputt wirken. Diese Tabelle zeigt, was wo funktioniert.

Welche Markdown-Funktionen in GitHub und Discord funktionieren
FunktionREADME / GitHubDiscordHinweis
ÜberschriftenJaTeilweiseGitHub: # bis ######. Discord: nur # bis ### am Zeilenanfang.
Fett, kursiv, durchgestrichenJaJaGleiche Schreibweise in beiden.
Unterstrichen (__text__)NeinJaIn GitHub bedeutet __text__ fett.
Spoiler (||text||)NeinJaNur Discord.
TabellenJaNeinDiscord zeigt die Striche als Text.
Aufgabenlisten (- [ ])JaNeinDiscord zeigt die eckigen Klammern als Text.
Bilder (![](url))JaNeinIn Discord lädst du Bilder hoch oder postest den Link.
Code-Blöcke mit SpracheJaJaBeide färben den Code nach der Sprache ein.
HTML im TextTeilweiseNeinGitHub setzt eine Auswahl an Tags um, Discord keine.
Zitate (> text)JaJaDiscord kennt zusätzlich >>> für alles bis zum Ende.

Mehr entdecken

Weitere Tools

FAQ

Häufig gestellte Fragen

Kurze Antworten rund um .md-Dateien, PDF und HTML, Tabellen aus Excel, Discord-Formatierung und deinen Datenschutz.

Markdown ist eine einfache Schreibweise, mit der du Text über normale Zeichen formatierst: # macht eine Überschrift, **fett** einen fetten Text, ein Strich am Zeilenanfang einen Listenpunkt. John Gruber hat sie 2004 veröffentlicht. Dateien mit Markdown tragen meist die Endung .md, seltener .markdown. Du findest sie als README-Dateien auf GitHub, in Dokumentationen und Notizen, und auch Discord nutzt Markdown für Chat-Nachrichten. Der Vorteil: Der reine Text bleibt auch unformatiert lesbar.

Klicke im Editor auf „Datei öffnen“ und wähle eine .md-, .markdown-, .mdown- oder .txt-Datei bis 2 MB, oder füge den Inhalt in das Textfeld ein. Im Modus „README / GitHub“ zeigt die Vorschau sie sofort formatiert, mit Tabellen, Aufgabenlisten und Code-Hervorhebung. Bei mehr als 100.000 Zeichen erscheint sie erst nach einem Klick auf „Vorschau trotzdem anzeigen“. Du installierst nichts, und die Datei wird nicht hochgeladen: Dein Browser liest sie lokal. Danach kannst du den Text bearbeiten und wieder als .md herunterladen.

Klicke im Modus „README / GitHub“ auf „Als PDF speichern“. Der Editor öffnet den Druckdialog deines Browsers mit dem formatierten Dokument. Wähle dort als Ziel „Als PDF speichern“ und bestätige. Das PDF entsteht auf deinem Gerät, nichts wird hochgeladen. Den Titel des Dokuments übernimmt der Editor aus der ersten Überschrift. Seitenränder und Kopfzeilen stellst du im Druckdialog ein.

Eine Tabelle besteht aus einer Kopfzeile mit senkrechten Strichen, einer Trennzeile mit drei Strichen pro Spalte und den Datenzeilen, etwa | Name | RAM |, darunter | --- | ---: | und dann | Pro | 8 |. Ein Doppelpunkt in der Trennzeile legt die Ausrichtung fest. Aus Excel oder Google Sheets geht es schneller: Zellen kopieren, in das Textfeld einfügen, den eingefügten Text markieren und auf „Tabelle“ klicken. Die erste Zeile wird zur Kopfzeile, Spalten nur mit Zahlen stehen rechtsbündig. CSV-Zeilen mit Semikolon oder Komma funktionieren auch, CSV-Felder in Anführungszeichen mit dem Trennzeichen darin löst die Schaltfläche aber nicht auf. Tabellen gehören zu GitHub Flavored Markdown und funktionieren in Discord nicht.

Im Modus „README / GitHub“ kopiert „HTML kopieren“ den fertigen HTML-Code, aus **fett** wird zum Beispiel <strong>fett</strong>. „.html herunterladen“ speichert eine vollständige Seite mit Grundstil. HTML-Tags, die du selbst ins Markdown schreibst, übernimmt der Editor aus Sicherheitsgründen nicht, er zeigt sie als Text. Einen Export als Word- oder .docx-Datei hat der Editor nicht. Für Word lädst du die .html-Datei herunter und öffnest sie dort, oder du speicherst das Dokument als PDF.

Schalte oben auf „Discord“. Dann gilt die Discord-Schreibweise: **fett**, *kursiv*, __unterstrichen__, ~~durchgestrichen~~, ||Spoiler|| und `Code`. # bis ### am Zeilenanfang machen Überschriften, -# macht eine Zeile klein und grau, > zitiert eine Zeile. Die Vorschau zeigt die Nachricht wie im Chat, der Zähler misst sie am Limit von 2.000 Zeichen oder 4.000 mit Nitro. Tabellen, Bilder, Trennlinien und HTML kennt Discord nicht, darauf weist dich der Editor hin. Mit „Nachricht kopieren“ übernimmst du den Text.

Eine Leerzeile trennt Absätze. Ein einzelner Zeilenumbruch im Text wird in einer README wie ein Leerzeichen behandelt, der Text läuft weiter. Für einen harten Umbruch setzt du zwei Leerzeichen oder einen Backslash an das Zeilenende. In Discord ist es einfacher: Dort bleibt jeder Umbruch erhalten, den du mit Umschalt+Enter einfügst.

Hochgeladen wird nichts: Vorschau, HTML-Export, PDF und Datei-Öffnen laufen lokal in deinem Browser. Damit nach einem Neuladen nichts verloren geht, legt der Editor einen Entwurf im lokalen Speicher deines Browsers ab. Mit „Leeren“ leerst du das Textfeld der aktuellen Variante, der gespeicherte Entwurf ist danach ebenfalls leer. HTML im Text führt die Vorschau nicht aus, sondern zeigt es als Text, und Links mit unsicherem Schema wie javascript: werden entfernt.

Noch weitere Fragen?

Support kontaktieren
Baust du gerade etwas Eigenes?

Dein Projekt braucht einen Server, auf dem es zuverlässig läuft

Ein ZAP-Hosting vServer bringt deine Anwendung, deinen Bot oder deine Dokumentation zuverlässig online.

4,4/5 Trustpilot32.000+ Aktive ServerSeit 2010

Kein Setup. Kein Risiko. In Sekunden online.

Flexible LaufzeitJederzeit kündbarIn 60 Sekunden online

Auf der Suche nach weiteren Tools? Alle Entwickler-Tools ansehen