Kapitel 8: Markdown-Tools und Editoren

In diesem Kapitel lernen Sie die besten Tools und Editoren für die Arbeit mit Markdown.

8.1 Desktop-Editoren

Visual Studio Code

Kosten: Kostenlos (Open Source)

Vorteile:

• ✅ Hervorragende Markdown-Vorschau
• ✅ Viele Erweiterungen
• ✅ Git-Integration
• ✅ Plattformunabhängig

Empfohlene Erweiterungen:

1. Markdown Preview Enhanced: Erweiterte Vorschau mit MathJax, Mermaid
2. Markdown All in One: Inhaltsverzeichnis, Auto-Nummerierung
3. Markdown Linter: Überprüft Syntaxfehler
4. Paste Image: Bilder direkt einfügen

Typora

Kosten: Kostenpflichtig (nach Testphase)

Vorteile:

• ✅ WYSIWYG (What You See Is What You Get)
• ✅ Keine geteilte Ansicht nötig
• ✅ Unterstützt MathJax, Mermaid
• ✅ Einfacher Export (PDF, Word, HTML)

Nachteile:

• ❌ Kostenpflichtig
• ❌ Weniger anpassbar als VS Code

Obsidian

Kosten: Kostenlos (für persönliche Nutzung)

Vorteile:

• ✅ Exzellent für Notizen und Wissensmanagement
• ✅ Verlinkung zwischen Notizen (Zettelkasten-Methode)
• ✅ Viele Plugins
• ✅ Markdown-Formatierung

Besonderheiten:

• Grafikansicht von Notizenverknüpfungen
• Tägliche Notizen (Daily Notes)
• Wissensdatenbank aufbauen

Mark Text

Kosten: Kostenlos (Open Source)

Vorteile:

• ✅ WYSIWYG-ähnlich
• ✅ Open Source
• ✅ Unterstützt GFM, MathJax

Atom (nicht mehr weiterentwickelt)

Hinweis: Atom wird nicht mehr aktiv weiterentwickelt. Wir empfehlen VS Code als Alternative.

8.2 Online-Editoren

StackEdit

Webseite: https://stackedit.io/

Vorteile:

• ✅ Browserbasiert
• ✅ Synchronisation mit Google Drive, Dropbox
• ✅ Veröffentlichung auf Blogs (WordPress, Blogger)
• ✅ GFM-Unterstützung

Dillinger

Webseite: https://dillinger.io/

Vorteile:

• ✅ Einfach und schnell
• ✅ Export zu HTML, PDF, Markdown
• ✅ Integration mit Dropbox, GitHub

HackMD (HedgeDoc)

Webseite: https://hackmd.io/

Vorteile:

• ✅ Kollaboratives Schreiben (wie Google Docs für Markdown)
• ✅ Präsentationsmodus
• ✅ Diagramme (Mermaid, Graphviz)

8.3 Spezialisierte Tools

Pandoc

Beschreibung: Der "Schweizer Taschenmesser" für Dokumentkonvertierung.

Installation:

# macOS
brew install pandoc

# Windows
choco install pandoc

# Linux
sudo apt install pandoc

Nutzung:

# Markdown zu Word
pandoc input.md -o output.docx

# Markdown zu PDF (benötigt LaTeX)
pandoc input.md -o output.pdf

# Markdown zu HTML
pandoc input.md -o output.html

Markdown CLI

Beschreibung: Konvertiert Markdown in HTML über die Kommandozeile.

Installation:

npm install -g markdown-cli

Nutzung:

markdown input.md > output.html

Grip

Beschreibung: Rendert Markdown wie auf GitHub (für Offline-Vorschau).

Installation:

pip install grip

Nutzung:

grip README.md
# Öffnet Vorschau auf localhost:6419

8.4 Mobile Apps

iOS

1. Working Copy (Git-Client mit Markdown-Vorschau)
2. iA Writer (Einfacher, schöner Editor)
3. Ulysses (Premium-App für Schriftsteller)

Android

1. Markor (Open Source, einfach)
2. JotterPad (Fokus auf Schreiben)
3. Obsidian (auch für Android)

8.5 Wahl des richtigen Tools

Für Entwickler

Empfehlung: Visual Studio Code + Erweiterungen

Grund:

• Integration mit Git
• Viele Plugins
• Unterstützt alle Markdown-Dialekte

Für Schriftsteller

Empfehlung: Typora oder iA Writer

Grund:

• Fokus auf Inhalt
• WYSIWYG
• Schöne Typografie

Für Notizen

Empfehlung: Obsidian oder Joplin

Grund:

• Verknüpfungen zwischen Notizen
• Wissensmanagement
• Synchronisation

Für Teams

Empfehlung: HackMD oder StackEdit

Grund:

• Kollaboratives Schreiben
• Echtzeit-Synchronisation
• Zugriff von überall

8.6 Tipps zur Produktivität

Tastenkürzel in VS Code

Aktion	Windows/Linux	Mac
Vorschau öffnen	Strg + Umschalt + V	Cmd + Umschalt + V
Vorschau zur Seite	Strg + K, V	Cmd + K, V
Fett	Strg + B	Cmd + B
Kursiv	Strg + I	Cmd + I
Inline-Code	`Strg + Umschalt + ``	`Cmd + Umschalt + ``

Snippets verwenden

In VS Code können Sie Snippets für häufige Markdown-Muster erstellen.

Beispiel:

{
  "Insert Admonition": {
    "prefix": "admonition",
    "body": [
      "::: ${1|tip,warning,danger|}",
      "$2",
      ":::"
    ],
    "description": "Insert an admonition block"
  }
}

8.7 Zusammenfassung

In diesem Kapitel haben Sie gelernt:

• ✅ Die besten Desktop-Editoren (VS Code, Typora, Obsidian)
• ✅ Online-Editoren (StackEdit, Dillinger, HackMD)
• ✅ Konvertierungstools (Pandoc, Markdown CLI)
• ✅ Mobile Apps für iOS und Android
• ✅ Wie man das richtige Tool wählt
• ✅ Produktivitätstipps

Im nächsten Kapitel werden wir lernen, wie man Markdown in statischen Webseitengeneratoren (SSG) verwendet!

---

Übung: Installieren Sie zwei verschiedene Markdown-Editoren (z.B. VS Code und Obsidian) und schreiben Sie den gleichen Text in beiden. Vergleichen Sie die Vor- und Nachteile!