Links und Medien

MarkNode behandelt jeden Link und jedes Bild in Ihrem Dokument als interaktive Referenz. Sie können mit dem Mauszeiger darüberfahren, um das Ziel eines Links zu sehen, ihn per Modifier-Klick öffnen, Bilder direkt aus der Zwischenablage einfügen und lokale Dateien im Datei-Explorer anzeigen lassen – alles, ohne den Editor zu verlassen.

Fahren Sie im Vorschaubereich mit dem Mauszeiger über einen Link oder ein Bild, um dessen Ziel in einem schmalen Streifen am unteren Rand zu sehen. Lokale Referenzen werden als Pfade relativ zum Projektstammverzeichnis angezeigt (./docs/install.md), damit sie leicht zu erkennen sind; externe Links werden mit ihrer vollständigen URL dargestellt.

Wie ein Klick wirkt, hängt davon ab, wo Sie klicken und welche Modifier-Taste Sie gedrückt halten:

  • In der Vorschau – ein einfacher Klick öffnet den Link. Externe URLs (http, https, mailto) werden in Ihrem Standardbrowser geöffnet. Links auf andere Markdown-Dateien im Projekt werden im Editor geöffnet. Andere lokale Dateien (PDFs, Bilder, Tabellen) werden in der Datei-Explorer-Seitenleiste angezeigt – oder im Dateimanager des Systems, wenn sie außerhalb des Projekts liegen.
  • Im Editor – ein einfacher Klick setzt den Cursor wie bei normalem Markdown-Text. Um einem Link zu folgen, halten Sie die Modifier-Taste gedrückt – Cmd unter macOS bzw. Ctrl unter Windows und Linux – und klicken Sie. Es gelten dieselben Zielregeln.
  • Hash-Anker – Links auf #anker springen zur passenden Überschrift im aktuellen Dokument. Dateiübergreifende Anker wie ./guide.md#setup öffnen die Datei und scrollen zur Überschrift.

Wenn Sie auf einen defekten lokalen Link klicken (die Datei existiert nicht), zeigt MarkNode eine kurze Fehlermeldung an, statt stillschweigend nichts zu tun.

Kontextmenü

Ein Rechtsklick auf einen Link oder ein Bild öffnet ein Kontextmenü, dessen Einträge von der Art des Links abhängen:

  • Für eine externe URL: URL im Browser öffnen und URL kopieren.
  • Für eine lokale Datei: Datei öffnen (Markdown-Dateien), Im Datei-Explorer anzeigen (wählt die Datei in der Seitenleiste von MarkNode aus), Im Finder anzeigen / Im Explorer anzeigen / In Dateien anzeigen (öffnet den Dateimanager des Systems mit ausgewählter Datei), Dateipfad kopieren und Alle Verweise suchen (durchsucht bei Markdown-Dateien das Projekt nach jeder Stelle, die auf das Ziel verlinkt – die Ergebnisse erscheinen im unteren Bereich).
  • Für einen #anker-Link: Öffnen und Link kopieren.

Modifier zum Anzeigen

Halten Sie Cmd+Alt unter macOS bzw. Ctrl+Alt unter Windows und Linux gedrückt und klicken Sie auf einen lokalen Link, um das Ziel in der Datei-Explorer-Seitenleiste anzuzeigen, statt es zu öffnen. Praktisch, wenn Sie sehen möchten, wo eine Datei im Projekt liegt, bevor Sie entscheiden, was Sie damit tun.

Bilder einfügen

Wenn Sie ein Bild kopieren – zum Beispiel einen Screenshot oder ein Bild aus einem Browser – und es mit Cmd+V (Windows/Linux: Ctrl+V) in den Editor einfügen, macht MarkNode Folgendes:

  1. Das Bild wird im Medienordner Ihres Projekts gespeichert (standardmäßig media/).
  2. Es wird ein Dateiname mit Zeitstempel wie pasted-1715680222.png erzeugt, sodass es keine Namenskonflikte gibt.
  3. An der Cursorposition wird ein relativer Markdown-Bildlink eingefügt.

Dreistufiger Ablauf: Ein Bild in der Zwischenablage wird mit Cmd+V eingefügt; MarkNode speichert es als Datei mit Zeitstempel im Medienordner des Projekts; an der Cursorposition wird ein relativer Markdown-Bildlink eingefügt.

Der Medienordner wird beim ersten Einfügen angelegt, falls er noch nicht existiert. Welchen Ordner MarkNode verwendet, können Sie unter Einstellungen > Allgemein > Bildimport ändern – legen Sie dort einen „Standardordner im Projekt” fest oder wählen Sie, Bilder im selben Ordner wie das Dokument zu speichern.

Enthält die Zwischenablage sowohl Text als auch ein Bild, hat der Text Vorrang – das entspricht dem üblichen Einfügeverhalten.

Bilder per Drag & Drop einfügen

Sie können ein Bild auch direkt aus dem Finder (macOS) oder dem Datei-Explorer (Windows/Linux) in den Editor ziehen. MarkNode kopiert die Datei in den Medienordner Ihres Projekts und fügt an der Ablageposition einen relativen Markdown-Link ein.

Bilder aus dem Projektbaum öffnen

Doppelklicken Sie im Datei-Explorer auf eine beliebige Bilddatei, um sie im Editorbereich als eingebettete Bildansicht zu öffnen – praktisch, wenn Sie einen Screenshot ansehen möchten, auf den das Dokument verweist, das Sie gerade schreiben, ohne die App zu verlassen.

Bildsyntax

Inline-Bilder verwenden die Standard-Markdown-Syntax mit vorangestelltem !:

![Alt text](media/diagram.png)

Sie können auch Inline-HTML verwenden, wenn Sie die Breite steuern möchten:

<img src="media/diagram.png" alt="Diagram" width="400">

Beide Formen unterstützen Mauszeiger-Anzeige, Modifier-Klick und das Kontextmenü.