Online-Markdown-Editor mit Live-Vorschau

Schreibe links Markdown und sieh rechts sofort das formatierte Ergebnis. Ein kostenloser, schneller Markdown-Editor, der offline funktioniert – ohne Anmeldung, und dein Text verlässt nie den Browser.

Markdown
Vorschau

Markdown Spickzettel

Markdown ist eine einfache Methode, Text zu formatieren, der auf jedem Gerät großartig aussieht. Es macht nichts Ausgefallenes wie Schriftgröße, Farbe oder Schriftart ändern – nur das Wesentliche, mit Tastatursymbolen, die du schon kennst. Dies ist die vollständige Referenz: jede Regel neben ihrem gerenderten Ergebnis.

Überschriften

Setze #-Zeichen vor deinen Text – ein # für die größte Überschrift, bis zu sechs für die kleinste. Die obersten zwei Ebenen haben auch einen „Unterstrich"-Stil.

MarkdownErgebnis
# Überschrift 1

Überschrift 1
=========

Überschrift 1

## Überschrift 2

Überschrift 2
---------

Überschrift 2

### Überschrift 3

Überschrift 3

#### Überschrift 4

Überschrift 4

##### Überschrift 5
Überschrift 5
###### Überschrift 6
Überschrift 6

Hervorhebung

Umschließe Text mit Symbolen, um ihn fett, kursiv oder durchgestrichen zu machen. Sternchen und Unterstriche funktionieren gleich.

MarkdownErgebnis
*Kursiv* _Kursiv_Kursiv
**Fett** __Fett__Fett
***Fett & kursiv***Fett & kursiv
~~Durchgestrichen~~Durchgestrichen

Zitate

Beginne eine Zeile mit >, um Text zu zitieren. Füge ein weiteres > hinzu, um Zitate zu verschachteln, und leere >-Zeilen, um Absätze zu trennen.

MarkdownErgebnis
> Dies ist ein Zitat.
Dies ist ein Zitat.
> Erster Absatz. > > Zweiter Absatz.

Erster Absatz.

Zweiter Absatz.

> Ebene eins >> Ebene zwei
Ebene eins
Ebene zwei

Listen

Aufzählungslisten beginnen mit -, * oder +. Nummerierte Listen verwenden 1., 2., 3. Rücke um zwei Leerzeichen ein, um eine Unterliste zu verschachteln.

MarkdownErgebnis
- Erster Eintrag - Zweiter Eintrag - Dritter Eintrag
  • Erster Eintrag
  • Zweiter Eintrag
  • Dritter Eintrag
1. Erster Eintrag 2. Zweiter Eintrag 3. Dritter Eintrag
  1. Erster Eintrag
  2. Zweiter Eintrag
  3. Dritter Eintrag
1. Erster Eintrag - Untereintrag - Untereintrag 2. Zweiter Eintrag
  1. Erster Eintrag
    • Untereintrag
    • Untereintrag
  2. Zweiter Eintrag

Aufgabenlisten

Füge [ ] für ein leeres Kontrollkästchen oder [x] für ein angekreuztes direkt nach dem Aufzählungszeichen hinzu. Ideal für To-do-Listen auf GitHub.

MarkdownErgebnis
- [x] Markdown lernen - [ ] Markdown meistern - [ ] Einem Freund beibringen
  • Markdown lernen
  • Markdown meistern
  • Einem Freund beibringen

Setze den sichtbaren Text in [ ] und die Adresse in ( ). Referenzlinks halten die Adresse am Ende, und nackte URLs werden automatisch zu Links.

MarkdownErgebnis
[Markdown69](https://markdown69.com)Markdown69
[Fahr über mich](https://markdown69.com "Bester Spickzettel")Fahr über mich
[Referenzlink][site]

[site]: https://markdown69.com
Referenzlink
<https://markdown69.com>https://markdown69.com
[Nach oben springen](#top)Nach oben springen

Bilder

Wie Links, aber mit einem ! davor. Der Text in [ ] wird zum Alternativtext, der angezeigt wird, wenn das Bild nicht geladen werden kann.

MarkdownErgebnis
![Markdown-Logo](/img/markdown.png)Markdown-Logo
![Logo](/img/markdown.png "Markdown")Logo
[![Anklickbar](/img/markdown.png)](https://markdown69.com)Anklickbar

Code

Umschließe Inline-Code mit einzelnen Backticks. Für einen ganzen Block verwende drei Backticks (optional mit Angabe der Sprache) oder rücke jede Zeile um vier Leerzeichen ein.

MarkdownErgebnis
Verwende die `print()`-Funktion.Verwende die print()-Funktion.
``` einfacher Codeblock ```
einfacher Codeblock
```python def hello(): print("Hi!") ```
def hello():
    print("Hi!")

Tabellen

Trenne Spalten mit senkrechten Strichen | und die Kopfzeile vom Rumpf mit Bindestrichen -. Füge Doppelpunkte : in der Trennzeile hinzu, um eine Spalte links, mittig oder rechts auszurichten.

MarkdownErgebnis
| Syntax | Beschreibung | | ------ | ----------- | | Kopf | Titel | | Zelle | Text |
SyntaxBeschreibung
KopfTitel
ZelleText
| Links | Mitte | Rechts | | :--- | :----: | ----: | | a | b | c |
LinksMitteRechts
abc

Horizontale Linie

Drei oder mehr Bindestriche, Sternchen oder Unterstriche in einer eigenen Zeile zeichnen einen Trenner.

MarkdownErgebnis
--- *** ___

Zeilenumbrüche

Beende eine Zeile mit zwei Leerzeichen, um sie umzubrechen, ohne einen neuen Absatz zu beginnen. Eine leere Zeile beginnt immer einen neuen Absatz.

MarkdownErgebnis
Erste Zeile·· Zweite Zeile

Erste Zeile
Zweite Zeile

Neuer Absatz

nach einer leeren Zeile

Neuer Absatz

nach einer leeren Zeile

Zeichen maskieren

Setze einen Backslash \ vor ein Symbol, um es wörtlich anzuzeigen, statt den Text zu formatieren.

MarkdownErgebnis
\*Nicht kursiv\**Nicht kursiv*
1\. Keine Liste1. Keine Liste

Fußnoten

Markiere eine Stelle mit [^1] und schreibe die Notiz irgendwo in einer eigenen Zeile. Der Leser springt per Klick zwischen ihnen hin und her.

MarkdownErgebnis
Hier ist eine Notiz.[^1]

[^1]: Der Fußnotentext.
Hier ist eine Notiz.1
  1. Der Fußnotentext.

Emoji

Viele Editoren (GitHub, Slack, Discord) verwandeln :shortcodes: in Emoji. Du kannst das Emoji-Zeichen auch direkt einfügen.

MarkdownErgebnis
:tada: Ausgeliefert! :rocket:🎉 Ausgeliefert! 🚀
Sieht gut aus :+1:Sieht gut aus 👍

Inline-HTML

Wenn Markdown nicht ausreicht, füge rohes HTML ein, und es wird unverändert gerendert.

MarkdownErgebnis
Text mit <sub>tiefgestellt</sub> und <sup>hochgestellt</sup>.Text mit tiefgestellt und hochgestellt.
<kbd>Ctrl</kbd> + <kbd>C</kbd>Ctrl + C

Videos einbetten

Markdown kann keinen Videoplayer einbetten, aber du kannst ein Vorschaubild mit dem Video verlinken. Ein Klick auf das Bild öffnet das Video.

MarkdownErgebnis
[![Video ansehen](/img/markdown.png)](https://youtu.be/VIDEO_ID)Video ansehen