Codeblok
Codeblok voegt een stuk code met syntaxkleuring toe aan het canvas. Het is ideaal om architectuurtekeningen te verrijken met voorbeeldcode, configuratieblokken of API-aanroepen. Het venster heeft twee panelen: een broneditor aan de linkerkant en een live voorbeeld van hoe het op het canvas zal ogen aan de rechterkant.
Hoe te openen
Section titled “Hoe te openen”Meer tools (⋯) → Codeblok in de onderste werkbalk.
Hoe te gebruiken
Section titled “Hoe te gebruiken”- Open Meer tools → Codeblok.
- Kies de taal in het taalmenu rechtsboven (JavaScript, TypeScript, JSX, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, JSON, YAML, Bash, CSS, platte tekst).
- Typ/plak de code in het linkervak; regelnummers samen met het aantal regels/tekens worden weergegeven, en het voorbeeld aan de rechterkant past de kleuring direct toe.
- Gebruik Toevoegen om het op het canvas te plaatsen (of
Ctrl/⌘ + Enter). Om te bewerken, dubbelklik je op het element (de knop wordt Opslaan).
Sneltoetsen
Section titled “Sneltoetsen”| Toets | Actie |
|---|---|
Ctrl/⌘ + Enter | Toevoegen / Opslaan |
Tab | Voeg een inspringing van 2 spaties in (focus springt niet weg) |
Je kunt de code naar het klembord kopiëren met de knop Kopiëren in het voorbeeldpaneel.
Opmerkingen
Section titled “Opmerkingen”- Kleuring gebeurt met een ingebouwde en dependency-vrije tokenizer; er is geen externe bibliotheek of netwerkverzoek.
- Het codeelement wordt weergegeven als een HTML-laag; daarom verschijnt het niet in visuele PNG/SVG/PDF-exports (het is zichtbaar op het canvas en in een gedeelde sessie).