Zum Inhalt springen

Markdown Viewer & Editor

Markdown schreiben oder öffnen und das Ergebnis sofort als Vorschau sehen.

Hier erscheint Ihr gerendertes Markdown. Text einfügen, eine .md-Datei öffnen oder ein Beispiel laden.

Läuft im Browser – Ihre Daten werden nicht hochgeladen. Ihr Text wird nur in diesem Browser gespeichert. „Leeren“ entfernt ihn.

So funktioniert’s

  1. Geben Sie Markdown in den Editor ein oder fügen Sie Ihren Text ein.
  2. Wählen Sie unter „Vorschau-Stil“ die Ansicht „GitHub“ oder „Einfach“.
  3. Lassen Sie „Synchron scrollen“ aktiviert, damit in der Ansicht „Nebeneinander“ Editor und Vorschau gemeinsam scrollen.

Beispiele

Projektübersicht mit Tabelle und Aufgaben

Eingabe
# Website-Relaunch

| Aufgabe | Zuständig | Aufwand |
| :-- | :-: | --: |
| Texte prüfen | Anna | 2 Stunden |
| Kontaktformular testen | Mehmet | 1 Stunde |

## Vor der Veröffentlichung

- [x] Impressum aktualisieren
- [ ] Freigabe einholen
Ausgabe
<h1>Website-Relaunch</h1>
<table>
<thead>
<tr>
<th align="left">Aufgabe</th>
<th align="center">Zuständig</th>
<th align="right">Aufwand</th>
</tr>
</thead>
<tbody><tr>
<td align="left">Texte prüfen</td>
<td align="center">Anna</td>
<td align="right">2 Stunden</td>
</tr>
<tr>
<td align="left">Kontaktformular testen</td>
<td align="center">Mehmet</td>
<td align="right">1 Stunde</td>
</tr>
</tbody></table>
<h2>Vor der Veröffentlichung</h2>
<ul>
<li><input type="checkbox" disabled="" checked=""> Impressum aktualisieren</li>
<li><input type="checkbox" disabled=""> Freigabe einholen</li>
</ul>

Anschrift mit einzelnen Zeilenumbrüchen

Eingabe
Musterfirma GmbH
Musterstraße 12
10115 Berlin
Ausgabe
<p>Musterfirma GmbH<br>Musterstraße 12<br>10115 Berlin</p>

README mit Installationsbefehl

Eingabe
# Vereinswebsite

Lokale Vorschau für die Website des Sportvereins.

## Installation

```bash
npm install
npm run dev
```

## Hinweise

Änderungen vor der Veröffentlichung im Browser prüfen.
Ausgabe
<h1>Vereinswebsite</h1>
<p>Lokale Vorschau für die Website des Sportvereins.</p>
<h2>Installation</h2>
<pre><code class="language-bash hljs" data-highlighted="yes">npm install
npm run dev</code></pre>
<h2>Hinweise</h2>
<p>Änderungen vor der Veröffentlichung im Browser prüfen.</p>

Häufige Fragen

Welche MD-Dateien kann ich öffnen?

Unterstützt werden .md, .markdown, .mdown, .mkd und .txt. Dateien über 10 MB werden beim Öffnen abgelehnt.

Wie kann ich Markdown als PDF speichern?

Klicken Sie auf „Drucken / Als PDF speichern“ und wählen Sie im Druckdialog die PDF-Ausgabe Ihres Browsers. Gedruckt wird nur die Vorschau in einem hellen Farbschema; einen direkten PDF-Download gibt es nicht.

Warum werden Bilder aus meiner Markdown-Datei nicht angezeigt?

Relative Bildpfade wie ./bilder/logo.png können nicht geladen werden; stattdessen erscheint der Alternativtext. Verwenden Sie eine vollständige HTTP- oder HTTPS-Bildadresse.

Wird mein Markdown-Text hochgeladen oder gespeichert?

Der Text wird im Browser verarbeitet und vom Tool nicht an den Server gesendet. Entwurf, Dateiname und Einstellungen werden in diesem Browser gespeichert. Externe Bilder werden von ihren Ursprungsservern geladen, die dabei Ihre IP-Adresse sehen können.