Skip to content

Markmap-Mindmaps ​

VMark unterstützt Markmap für die Erstellung interaktiver Mindmap-Bäume direkt in Ihren Markdown-Dokumenten. Im Gegensatz zu Mermaids statischem Mindmap-Diagrammtyp verwendet Markmap gewöhnliche Markdown-Überschriften als Eingabe und bietet interaktives Schwenken/Zoomen/Einklappen.

Eine Mindmap einfügen ​

Über das Menü ​

Menü: Einfügen > Mindmap

Tastaturkürzel: Alt + Umschalt + Cmd + K (macOS) / Alt + Umschalt + Strg + K (Windows/Linux)

Über einen Code-Block ​

Geben Sie einen umzäunten Code-Block mit der markmap-Sprachkennung ein:

markdown
```markmap
# Mindmap

## Zweig A
### Thema 1
### Thema 2

## Zweig B
### Thema 3
### Thema 4
```text

Über einen KI-Assistenten ​

Es gibt kein eigenes Mindmap-Tool. Ein KI-Client, der über den MCP-Server von VMark verbunden ist, fügt eine Mindmap genauso ein wie jedes andere Markdown — indem er mit dem document- oder selection-Tool einen ```markmap-Code-Block in das Dokument schreibt.

Bearbeitungsmodi ​

Rich-Text-Modus (WYSIWYG) ​

Im WYSIWYG-Modus werden Markmap-Mindmaps als interaktive SVG-Bäume gerendert. Sie können:

  • Schwenken durch Klicken und Ziehen (einfaches Scrollen scrollt das Dokument, nicht die Mindmap)
  • Zoomen durch Gedrückthalten von Strg und Scrollen
  • Knoten ein-/ausklappen durch Klicken auf den Kreis an jedem Zweig
  • Ansicht anpassen mit der Anpassen-Schaltfläche (oben rechts beim Hovern)
  • Doppelklicken auf die Mindmap zum Bearbeiten des Quellcodes

Quellmodus mit Live-Vorschau ​

Im Quellmodus zeigt ein schwebendes Vorschau-Panel die Mindmap an, solange sich Ihr Cursor innerhalb eines Markmap-Code-Blocks befindet, und aktualisiert sich beim Tippen. Die Vorschau ist standardmäßig ausgeschaltet — schalten Sie sie mit Ansicht → Diagramm-Vorschau umschalten (Alt + Mod + P) oder über die Befehlspalette ein.

Eingabeformat ​

Markmap verwendet Standard-Markdown als Eingabe. Überschriften definieren die Baumhierarchie:

MarkdownRolle
# Überschrift 1Wurzelknoten
## Überschrift 2Erster Zweig
### Überschrift 3Zweiter Zweig
#### Überschrift 4+Tiefere Zweige

Reichhaltige Inhalte in Knoten ​

Knoten können Inline-Markdown enthalten:

markdown
```markmap
# Projektplan

## Forschung
### **Wichtige** Artikel lesen
### [Bestehende Tools](https://example.com) überprüfen

## Implementierung
### `Kern`-Modul schreiben
### Tests hinzufügen
- Unit-Tests
- Integrationstests

## Dokumentation
### API-Referenz
### Benutzerhandbuch
```text

Listenelemente unter einer Überschrift werden zu Kindknoten dieser Überschrift.

Live-Demo ​

Hier ist eine interaktive Markmap, die direkt auf dieser Seite gerendert wird — probieren Sie Schwenken, Zoomen und das Auf-/Zuklappen von Knoten aus:

Interaktive Funktionen ​

AktionWie
SchwenkenKlicken und ziehen
ZoomenStrg + Scrollen
Knoten einklappenAuf den Kreis an einem Zweigpunkt klicken
Knoten ausklappenErneut auf den Kreis klicken
An Ansicht anpassenAuf die Anpassen-Schaltfläche klicken (oben rechts beim Hovern)

Design-Integration ​

Markmap-Mindmaps passen sich automatisch an das aktuelle VMark-Design an (White, Paper, Mint, Sepia oder Night). Branchfarben werden für die Lesbarkeit in jedem Design angepasst.

Als PNG exportieren ​

Fahren Sie über eine gerenderte Mindmap im WYSIWYG-Modus, um eine Export-Schaltfläche zu enthüllen. Klicken Sie darauf, um ein Design zu wählen:

DesignHintergrund
HellWeißer Hintergrund
DunkelDunkler Hintergrund

Die Mindmap wird als PNG mit 2-facher Auflösung über den System-Speicherdialog exportiert.

Tipps ​

Markmap vs. Mermaid Mindmap ​

VMark unterstützt sowohl Markmap als auch Mermaids mindmap-Diagrammtyp:

FunktionMarkmapMermaid Mindmap
EingabeformatStandard-MarkdownMermaid DSL
InteraktivitätSchwenken, Zoomen, EinklappenStatisches Bild
Reichhaltige InhalteLinks, Fett, Code, ListenNur Text
Am besten fürGroße, interaktive BäumeEinfache statische Diagramme

Verwenden Sie Markmap, wenn Sie Interaktivität wünschen oder bereits Markdown-Inhalte haben. Verwenden Sie Mermaid Mindmap, wenn Sie es neben anderen Mermaid-Diagrammen benötigen.

Mehr erfahren ​