> ## 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.

# Overzicht van de editor

> Ontdek de handtekeningeditor van Scribe en zie hoe het structuurpaneel, canvas, opmaakpaneel, de bovenbalk en de actiebalk samenwerken om handtekeningen te bouwen.

In de Scribe-editor ontwerp je je e-mailhandtekeningen. De editor volgt een indeling met drie panelen, vergelijkbaar met designtools als Figma of Framer: een [boomstructuurpaneel](/nl/editor/tree-panel) links, een [canvas](/nl/editor/canvas) in het midden en een [opmaakpaneel](/nl/editor/styling-panel) rechts.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-three-panel-layout.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=b921c9bfe8ba7ac80bfc5599c483157e" alt="Scribe-editor met indeling van drie panelen: boom, canvas en stijlpaneel" width="3456" height="1928" data-path="images/editor-overview-three-panel-layout.png" />
</Frame>

## Indeling

**Boompaneel (links)**: toont de hiërarchische structuur van je handtekening als een inklapbare boom. Elk blok in je handtekening verschijnt hier: kolommen, tekstblokken, afbeeldingen, banners. Vanuit dit paneel selecteer, herorden, dupliceer, verberg en verwijder je blokken.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-tree-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=e00a98504c39679c23f6b1a558016e7d" alt="Linkerboompaneel met de blokhiërarchie van de handtekening" title="Linkerboompaneel met de blokhiërarchie van de handtekening" className="mx-auto" style={{ width:"34%" }} width="728" height="1764" data-path="images/editor-overview-tree-panel.png" />
</Frame>

**Canvas (midden)**: een live voorbeeld van je handtekening dat in realtime wordt bijgewerkt terwijl je wijzigingen aanbrengt. Klik direct op een blok in het canvas om het te selecteren, of gebruik het boompaneel. Het canvas toont echte teamlidgegevens uit Smartfields, zodat je ziet hoe de handtekening er werkelijk uit zal zien.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-canvas-center.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=5015dd3876200251071a928ce99ebeff" alt="Middelste canvaspaneel van de editor met live voorbeeld van de handtekening" title="Middelste canvaspaneel van de editor met live voorbeeld van de handtekening" className="mx-auto" width="2156" height="1746" data-path="images/editor-overview-canvas-center.png" />
</Frame>

**Stijlpaneel (rechts)**: verschijnt zodra je een blok selecteert. Toont alle stijlopties voor dat blok, waaronder lay-outeigenschappen, tekstopmaak, kleuren, afstanden en Smartfield-koppelingen. De opties veranderen afhankelijk van het type blok dat je hebt geselecteerd.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-styling-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=e8248501203acf14c76286f788b4b7cf" alt="Rechterstijlpaneel met configuratieopties voor het blok" title="Rechterstijlpaneel met configuratieopties voor het blok" className="mx-auto" style={{ width:"33%" }} width="696" height="1766" data-path="images/editor-overview-styling-panel.png" />
</Frame>

## Bovenbalk

De [bovenbalk](/nl/editor/editor-top-bar) toont belangrijke informatie en acties:

* **Pijl terug**: terug naar de detailpagina van de handtekening
* **Naam en status van de handtekening**: toont de naam van de handtekening, het aantal toegewezen teamleden en de huidige status (Concept of Gepubliceerd)
* **Sjablonen**: blader door de sjablonenbibliotheek om te starten vanaf een kant-en-klaar ontwerp
* **Kwaliteitscontrole**: voert een compatibiliteitscontrole uit op je handtekeningontwerp. Klik om een checklist te zien die controleert of je handtekening responsief meeschaalt met alle schermformaten, werkt met alle e-mailclients en browsers, functioneert op desktop, mobiel en tablet, snel laadt dankzij lichte HTML, correct wordt weergegeven bij het opstellen van e-mails en de beeldverhoudingen op alle platforms behoudt. Alle controles moeten groen zijn voordat je publiceert.
* **Voorbeeld**: open het voorbeeldvenster om te zien hoe de handtekening eruitziet voor elk teamlid
* **Publiceren**: zet je ontwerpwijzigingen live. Na publicatie worden updates automatisch verzonden naar alle teamleden met de installatie.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-top-bar.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=c72972192e2a0ce27e68763eee6cbed9" alt="Bovenbalk van de editor met de acties Sjablonen, Kwaliteitscontrole, Voorbeeld en Publiceren" width="3456" height="176" data-path="images/editor-overview-top-bar.png" />
</Frame>

## Actiebalk

Onderaan het canvas biedt de actiebalk:

* **Ongedaan maken / Opnieuw**: ga stap voor stap terug of vooruit door je wijzigingen
* **Sleephendel**: verplaats het canvasoverzicht
* **Zoombediening**: in- (+) of uitzoomen (−), of een specifiek zoomniveau instellen (bijv. 100%)

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-action-bar.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=8ffc4d4f58a9e87a76920ddacdaed15a" alt="Actiebalk van de editor met bediening voor ongedaan maken, opnieuw en zoomen" title="Actiebalk van de editor met bediening voor ongedaan maken, opnieuw en zoomen" className="mx-auto" style={{ width:"66%" }} width="668" height="226" data-path="images/editor-overview-action-bar.png" />
</Frame>

## Gerelateerde artikelen

* [Actiebalk](/nl/editor/action-bar)
* [Blokken toevoegen](/nl/editor/add-blocks)
* [Lay-outs bouwen met kolommen en rijen](/nl/editor/building-layouts-with-columns-and-rows)