Gå til innholdet

Rediger som kode

Rediger som kode gjør et eksisterende diagram om til Mermaid/D2-kode og åpner det i en editor med en sanntidsforhåndsvisning. Koden kommer forhåndsutfylt; når du gjør endringer og bruker dem, oppdateres diagrammet på stedet (ett enkelt angretrinn). Dette lar deg gjøre rundturen “tegn → konverter til kode → rediger → bruk tilbake” i ett enkelt trinn.

Rediger som kode: kildeeditor og sanntidsforhåndsvisning

Flere verktøy (⋯) → Rediger som kode i den nederste verktøylinjen. Hvis det ikke finnes noen form på lerretet, vises dette elementet som deaktivert.

  1. Hvis du vil, velg først formene du vil redigere. Hvis utvalget inneholder diagramnoder, brukes bare den delen; hvis ikke, brukes hele lerretet.
  2. Åpne Flere verktøy → Rediger som kode. Koden åpnes forhåndsutfylt i en editor med linjenummer; en sanntidsforhåndsvisning vises til høyre.
  3. Endre koden (legg til en boks, fiks en etikett, endre en pilretning).
  4. Trykk Oppdater; endringene brukes over de samme formene.

Hvis utvalget er en del som strukturell uttrekking ikke kan representere fullt ut (f.eks. noen få klasser hentet fra et klassediagram), kan du regenerere kilden fra en AI-bildelesing med Les fra bilde-knappen over editoren. Denne veien bruker en leverandør/kvote.

  • Kildespråket følger en tidligere import: hvis delen kom fra D2 åpnes den som D2, ellers som Mermaid.
  • Hvis du bare vil produsere kode (uten å bruke på stedet), bruk Diagram til kode.