Salta ai contenuti

Modifica come codice

Modifica come codice trasforma un diagramma esistente in codice Mermaid/D2 e lo apre in un editor con anteprima dal vivo. Il codice arriva precompilato; quando apporti modifiche e le applichi, il diagramma viene aggiornato sul posto (un singolo passo di annullamento). Questo ti consente di fare il ciclo “disegna → converti in codice → modifica → riapplica” in un unico passaggio.

Modifica come codice: editor del sorgente e anteprima dal vivo

Altri strumenti (⋯) → Modifica come codice nella barra degli strumenti in basso. Se non c’è alcuna forma sulla tela, questa voce appare disabilitata.

  1. Se vuoi, seleziona prima le forme che vuoi modificare. Se la selezione contiene nodi del diagramma, viene usata solo quella parte; in caso contrario viene usata l’intera tela.
  2. Apri Altri strumenti → Modifica come codice. Il codice si apre precompilato in un editor con numeri di riga; un’anteprima dal vivo compare a destra.
  3. Modifica il codice (aggiungi un riquadro, correggi un’etichetta, cambia la direzione di una freccia).
  4. Premi Aggiorna; le modifiche vengono applicate sulle stesse forme.

Se la selezione è una parte che l’estrazione strutturale non riesce a rappresentare completamente (ad esempio alcune classi estratte da un diagramma di classe), puoi rigenerare il sorgente da una lettura AI dell’immagine con il pulsante Leggi da immagine sopra l’editor. Questo percorso usa un provider/quota.

  • Il linguaggio del sorgente segue un’importazione precedente: se la parte proviene da D2 si apre come D2, altrimenti come Mermaid.
  • Se vuoi produrre solo codice (senza applicarlo sul posto), usa Da diagramma a codice.