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

# Oversikt over editoren

> Ta en omvisning i Scribe-signatureditoren og se hvordan trepanelet, lerretet, stilpanelet, toppraden og handlingsraden fungerer sammen for å bygge signaturer.

Scribe-editoren er der du utformer e-postsignaturene dine. Den følger et tredelt panellayout som ligner designverktøy som Figma eller Framer: et [trepanel](/no/editor/tree-panel) til venstre, et [lerret](/no/editor/canvas) i midten, og et [stilpanel](/no/editor/styling-panel) til høyre.

<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-editorens oppsett med tre paneler: tre, lerret og stilingpanel" width="3456" height="1928" data-path="images/editor-overview-three-panel-layout.png" />
</Frame>

## Oppsett

**Trepanel (venstre)**: Viser den hierarkiske strukturen til signaturen din som et sammenleggbart tre. Hver blokk i signaturen vises her: kolonner, tekstblokker, bilder, bannere. Du kan velge, omorganisere, duplisere, skjule og slette blokker fra dette panelet.

<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="Venstre trepanel som viser hierarkiet av signaturblokker" title="Venstre trepanel som viser hierarkiet av signaturblokker" className="mx-auto" style={{ width:"34%" }} width="728" height="1764" data-path="images/editor-overview-tree-panel.png" />
</Frame>

**Lerret (midten)**: En direkteforhåndsvisning av signaturen din som oppdateres i sanntid mens du gjør endringer. Klikk på en hvilken som helst blokk direkte i lerretet for å velge den, eller bruk trepanelet. Lerretet viser faktiske teammedlemsdata fra Smartfields, slik at du kan se hvordan signaturen virkelig vil se ut.

<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="Editorens lerretpanel i midten som viser direkteforhåndsvisning av signaturen" title="Editorens lerretpanel i midten som viser direkteforhåndsvisning av signaturen" className="mx-auto" width="2156" height="1746" data-path="images/editor-overview-canvas-center.png" />
</Frame>

**Stilingpanel (høyre)**: Vises når du velger en blokk. Viser alle stilingsalternativene for den blokken, inkludert oppsettsegenskaper, tekstformatering, farger, avstand og Smartfield-tilkoblinger. Alternativene endres avhengig av hvilken type blokk som er valgt.

<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="Høyre stilingpanel som viser konfigurasjonsalternativer for blokker" title="Høyre stilingpanel som viser konfigurasjonsalternativer for blokker" className="mx-auto" style={{ width:"33%" }} width="696" height="1766" data-path="images/editor-overview-styling-panel.png" />
</Frame>

## Topplinje

[Topplinjen](/no/editor/editor-top-bar) viser nøkkelinformasjon og handlinger:

* **Tilbakepil**: Gå tilbake til detaljsiden for signaturen
* **Signaturnavn og status**: Viser signaturens navn, antall tildelte teammedlemmer og gjeldende status (Utkast eller Publisert)
* **Maler**: Bla gjennom malbiblioteket for å starte fra et ferdig design
* **Kvalitetssjekk**: Kjører en kompatibilitetssjekk på signaturdesignet ditt. Klikk for å se en sjekkliste som bekrefter at signaturen din tilpasser seg responsivt til alle skjermstørrelser, fungerer med alle e-postklienter og nettlesere, fungerer på datamaskin/mobil/nettbrett, lastes raskt med lett HTML, vises riktig når du skriver e-poster, og opprettholder bildeproporsjoner på alle plattformer. Alle sjekkene bør være grønne før publisering.
* **Forhåndsvisning**: Åpne forhåndsvisningsvinduet for å se hvordan signaturen ser ut for hvert teammedlem
* **Publiser**: Send designendringene live. Etter publisering sendes oppdateringene automatisk til alle installerte teammedlemmer.

<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="Topplinje i editoren med handlingene Maler, Kvalitetssjekk, Forhåndsvisning og Publiser" width="3456" height="176" data-path="images/editor-overview-top-bar.png" />
</Frame>

## Handlingslinje

Nederst på lerretet tilbyr handlingslinjen:

* **Angre / Gjør om**: Gå bakover eller fremover gjennom endringene dine
* **Dra-håndtak**: Endre plasseringen av lerretsvisningen
* **Zoomkontroller**: Zoom inn (+), zoom ut (−), eller angi et bestemt zoomnivå (f.eks. 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="Handlingslinje i editoren med kontroller for angre, gjør om og zoom" title="Handlingslinje i editoren med kontroller for angre, gjør om og zoom" className="mx-auto" style={{ width:"66%" }} width="668" height="226" data-path="images/editor-overview-action-bar.png" />
</Frame>

## Relaterte artikler

* [Handlingslinje](/no/editor/action-bar)
* [Legg til blokker](/no/editor/add-blocks)
* [Bygge oppsett med kolonner og rader](/no/editor/building-layouts-with-columns-and-rows)