Ga naar inhoud

Bewerken als code

Bewerken als code zet een bestaand diagram om in Mermaid/D2-code en opent het in een editor met een live voorbeeld. De code komt vooraf ingevuld; wanneer je wijzigingen aanbrengt en ze toepast, wordt het diagram ter plekke bijgewerkt (één ongedaan-maakstap). Hiermee doe je de “tekenen → naar code omzetten → bewerken → terug toepassen”-rondgang in één stap.

Bewerken als code: broneditor en live voorbeeld

Meer tools (⋯) → Bewerken als code in de onderste werkbalk. Als er geen vorm op het canvas staat, verschijnt dit item uitgeschakeld.

  1. Als je wilt, selecteer je eerst de vormen die je wilt bewerken. Als de selectie diagramknooppunten bevat, wordt alleen dat deel gebruikt; zo niet, dan wordt het hele canvas gebruikt.
  2. Open Meer tools → Bewerken als code. De code opent vooraf ingevuld in een editor met regelnummers; een live voorbeeld verschijnt aan de rechterkant.
  3. Wijzig de code (voeg een vak toe, corrigeer een label, wijzig een pijlrichting).
  4. Druk op Bijwerken; de wijzigingen worden over dezelfde vormen toegepast.

Als de selectie een deel is dat structurele extractie niet volledig kan weergeven (bijv. een paar klassen uit een klassediagram), kun je de bron opnieuw genereren uit een AI-beeldlezing met de knop Uit afbeelding lezen boven de editor. Dit pad gebruikt een provider/quota.

  • De brontaal volgt een eerdere import: als het deel uit D2 kwam, opent het als D2, anders als Mermaid.
  • Als je alleen code wilt produceren (zonder ter plekke toe te passen), gebruik dan Diagram naar code.