Collegamenti e contenuti multimediali

MarkNode tratta ogni link e immagine del documento come un riferimento interattivo. Puoi passare il puntatore sopra un link per vedere dove porta, aprirlo con un clic e un tasto modificatore, incollare immagini direttamente dagli appunti e mostrare i file locali nell’esplora file — il tutto senza uscire dall’editor.

Passa il puntatore su un link o un’immagine nel riquadro di anteprima per vederne la destinazione in una sottile striscia lungo il bordo inferiore. I riferimenti locali sono mostrati come percorsi relativi alla radice del progetto (./docs/install.md), così da essere facilmente riconoscibili; i link esterni sono mostrati come URL completo.

Il comportamento di un clic dipende da dove fai clic e da quale tasto modificatore tieni premuto:

  • Nell’anteprima — un clic semplice apre il link. Gli URL esterni (http, https, mailto) si aprono nel browser predefinito. I link ad altri file Markdown del progetto si aprono nell’editor. Gli altri file locali (PDF, immagini, fogli di calcolo) vengono mostrati nella barra laterale dell’esplora file — oppure nel gestore file di sistema se si trovano al di fuori del progetto.
  • Nell’editor — un clic semplice posiziona il cursore come in un normale testo Markdown. Per seguire un link, tieni premuto il tasto modificatore — Cmd su macOS oppure Ctrl su Windows e Linux — e fai clic. Valgono le stesse regole di destinazione.
  • Ancore hash — i link a #ancora saltano all’intestazione corrispondente nel documento corrente. Le ancore tra file, come ./guide.md#setup, aprono il file e scorrono fino all’intestazione.

Se fai clic su un link locale non valido (il file non esiste), MarkNode mostra una breve notifica di errore invece di non fare nulla silenziosamente.

Facendo clic con il tasto destro su un link o un’immagine si apre un menu contestuale i cui elementi dipendono dal tipo di link:

  • Per un URL esterno: Apri URL nel browser e Copia URL.
  • Per un file locale: Apri file (file Markdown), Mostra nell’esplora file (seleziona il file nella barra laterale di MarkNode), Mostra nel Finder / Mostra in Esplora risorse / Mostra in File (apre il gestore file di sistema con il file selezionato), Copia percorso file e Trova tutti i riferimenti (per i file Markdown, cerca nel progetto ogni punto che rimanda alla destinazione — i risultati compaiono nel pannello inferiore).
  • Per un link #ancora: Apri e Copia link.

Modificatore di rivelazione

Tieni premuto Cmd+Alt su macOS oppure Ctrl+Alt su Windows e Linux e fai clic su un link locale per mostrare la destinazione nella barra laterale dell’esplora file invece di aprirla. Utile quando vuoi vedere dove si trova un file nel progetto prima di decidere cosa farne.

Incollare immagini

Quando copi un’immagine — per esempio uno screenshot o un’immagine da un browser — e la incolli nell’editor con Cmd+V (Windows/Linux: Ctrl+V), MarkNode:

  1. Salva l’immagine nella cartella media del progetto (media/ per impostazione predefinita).
  2. Genera un nome file con marca temporale, come pasted-1715680222.png, in modo da evitare collisioni.
  3. Inserisce un link Markdown relativo all’immagine in corrispondenza del cursore.

Flusso in tre passaggi: un'immagine negli appunti viene incollata con Cmd+V; MarkNode la salva come file con marca temporale nella cartella media del progetto; un link Markdown relativo all'immagine viene inserito in corrispondenza del cursore.

La cartella media viene creata al primo incolla se non esiste. Puoi cambiare la cartella usata da MarkNode in Impostazioni > Generali > Importazione immagini — imposta una “Cartella predefinita nel progetto” oppure scegli di salvare le immagini nella stessa cartella del documento.

Se gli appunti contengono sia testo sia un’immagine, il testo ha la priorità — è il comportamento standard dell’incolla.

Trascinare immagini nell’editor

Puoi anche trascinare un’immagine dal Finder (macOS) o da Esplora file (Windows/Linux) direttamente nell’editor. MarkNode copia il file nella cartella media del progetto e inserisce un link Markdown relativo nella posizione di rilascio.

Aprire immagini dall’albero del progetto

Fai doppio clic su un file immagine qualsiasi nell’esplora file per aprirlo nell’area dell’editor come vista immagine incorporata — comodo quando vuoi guardare uno screenshot a cui fa riferimento il documento che stai scrivendo senza uscire dall’app.

Sintassi delle immagini

Le immagini in linea usano la sintassi Markdown standard con ! davanti:

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

Puoi anche usare HTML in linea quando devi controllare la larghezza:

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

Entrambe le forme supportano il passaggio del puntatore, il clic con tasto modificatore e il menu contestuale.