> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvas

> Selecteer, bewerk, herschik en pas de grootte aan van blokken rechtstreeks op het canvas, de visuele Workspace in de handtekeningeditor van Scribe waarin je handtekeningen ontwerpt.

Het canvas is het centrale gedeelte van de editor waar je je handtekening ziet en ermee werkt terwijl die vorm krijgt. Het werkt als een visuele ontwerptool: klik om te selecteren, sleep om te herschikken en bewerk tekst direct in het canvas — terwijl het boompaneel en het stijlpaneel synchroon blijven.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-editor-overview-full.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=43103cb126a92c2c6b71e934c69bc1fc" alt="Scribe-editorcanvas met handtekeningblokken en panelen" width="3456" height="1928" data-path="images/canvas-editor-overview-full.png" />
</Frame>

## Blokken selecteren

Klik op een willekeurig blok op het canvas om het te selecteren. Er verschijnt een blauwe rand rond het geselecteerde blok, en:

* Het bijbehorende item wordt gemarkeerd in het **boompaneel**
* Het **stijlpaneel** rechts toont de instellingen van dat blok

Dit werkt in beide richtingen. Als je in het boompaneel op een blok klikt, wordt het ook op het canvas geselecteerd en in beeld gescrolld.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-block-selected-blue-border.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=c8cc218981ed8bf4dcfc88c135fcae8b" alt="Geselecteerd canvasblok met blauwe rand en stijlpaneel" width="3456" height="1928" data-path="images/canvas-block-selected-blue-border.png" />
</Frame>

<Tip>
  Voor geneste blokken (zoals een tekstelement binnen een kolom) klik je één keer om de bovenliggende container te selecteren, en daarna nog een keer om het onderliggende blok erin te selecteren.
</Tip>

## Tekst direct bewerken

Voor tekstblokken kun je de inhoud rechtstreeks op het canvas bewerken. Klik op een tekstblok om het te selecteren, klik dan nog een keer om de cursor te plaatsen en begin met typen. Selecteer woorden of zinnen om opmaak toe te passen vanuit het stijlpaneel.

Tijdens het direct bewerken van tekst toont het stijlpaneel de tekstopties: lettertype, grootte, kleur, regelhoogte en opmaakopties (vet, cursief, hoofdletters, doorhalen, onderstrepen).

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-text-inline-editing.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=f672931097ae87ea925ca6ebf2780fb1" alt="Tekstblok in inline-bewerkmodus op het canvas" width="3456" height="1930" data-path="images/canvas-text-inline-editing.png" />
</Frame>

<Note>
  Tekstblokken die zijn gekoppeld aan een Smartfield (zoals Naam of Functietitel) tonen de waarde van het Smartfield op het canvas. Je kunt de waarde zelf hier niet bewerken, omdat deze uit je gegevensbron komt. Je kunt wel nog steeds bepalen hoe de waarde eruitziet.
</Note>

## Rijen en kolommen toevoegen

Klik met de rechtermuisknop op een blok op het canvas om een contextmenu met twee opties te openen: **Rij toevoegen** en **Kolom toevoegen**. Zo groepeer je snel blokken zonder het canvas te verlaten.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-right-click-context-menu.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=a5df92eb1060a397f1cc6381858ef144" alt="Contextmenu via rechtermuisknop met de opties Rij toevoegen en Kolom toevoegen" width="3456" height="1928" data-path="images/canvas-right-click-context-menu.png" />
</Frame>

Wil je bijvoorbeeld twee knoppen naast elkaar plaatsen, selecteer er dan één, klik met de rechtermuisknop en kies **Kolom toevoegen**. Het geselecteerde blok komt dan in een nieuwe kolomcontainer te staan, waarna je er eenvoudig een ander blok naast plaatst. Kies **Rij toevoegen** als je elementen verticaal wilt stapelen binnen één container.

Dit is vooral handig voor lay-outs zoals een rij social-media-iconen, twee call-to-action-knoppen naast elkaar of een sectie waarin meerdere blokken samen gegroepeerd en uitgelijnd moeten worden.

## Blokken opnieuw ordenen

Sleep een blok op het canvas om het binnen zijn container opnieuw te ordenen. Tijdens het slepen geeft een blauwe stippellijn aan waar het blok terechtkomt zodra je loslaat.

Je kunt blokken ook opnieuw ordenen door ze in het structuurpaneel te slepen. Het resultaat is hetzelfde.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-block-drag-reorder.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=a510ddd4e8c403d6fa94a35d7d6eb44c" alt="Blok dat wordt versleept met een blauwe stippellijn als drop-indicator" width="3456" height="1929" data-path="images/canvas-block-drag-reorder.png" />
</Frame>

## Formaat aanpassen

Sommige blokken (zoals afbeeldingen) tonen formaathandvatten (kleine blauwe vierkantjes) aan de randen en hoeken wanneer ze geselecteerd zijn. Sleep deze handvatten om het blok direct op het canvas te vergroten of verkleinen. De exacte afmetingen worden in realtime bijgewerkt in het stijlpaneel.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-image-resize-handles.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=43adfd56f04195f6f0092cf1e6dcc7e0" alt="Afbeeldingsblok met blauwe formaathandvatten op het canvas" width="3456" height="1930" data-path="images/canvas-image-resize-handles.png" />
</Frame>

## Navigeren op het canvas

Het canvas is een oneindige Workspace. Gebruik de [actiebalk](/nl/editor/action-bar) onderaan om in en uit te zoomen, of activeer de handtool om rond te pannen zonder per ongeluk blokken te selecteren.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-action-bar-zoom-controls.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=21abcbc64fe94aad3a79258f30c95881" alt="Actiebalk met zoom- en handtoolbediening onderaan het canvas" width="3448" height="1908" data-path="images/canvas-action-bar-zoom-controls.png" />
</Frame>
