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

# Bytt mellom Visuell og Kode

> Konverter en kodemal til blokker, rediger koden til en visuell mal, og se hva som skjer med arbeidet ditt når du bytter tilbake.

Alle maler består av Liquid og HTML i bunnen. **Visuell**-redigeringsprogrammet bygger denne koden for deg ut fra blokker og dokumentstiler, mens **Kode**-redigeringsprogrammet viser selve koden. Du bytter med fanene **Visuell** og **Kode** øverst i redigeringsprogrammet. Foliant kaster aldri kode når du bytter: Alt som ikke kan gjøres om til en vanlig blokk, beholdes som en **Egendefinert Liquid**-blokk.

## Før du begynner

Om du har **Visuell**-fanen, avhenger av abonnementet ditt. Hvis du ikke har den, viser fanen hvilket abonnement som inkluderer den, og koderedigeringsprogrammet fungerer som vanlig. Se [Tilgjengelighet for det visuelle redigeringsprogrammet](https://foliant-help.iforiti.com/nb/template-editor/visual-editor-plans.md).

## Konverter en kodemal til blokker

1. Åpne malen i redigeringsprogrammet. Den åpnes i **Kode**.
2. Klikk på fanen **Visuell**. Dialogboksen **Konverter til visuell** åpnes.
3. Velg hvordan du vil begynne:

| Alternativ | Hva som skjer |
| - | - |
| **Start med et blokkoppsett** | Velg et **Oppsett** (for eksempel **Faktura**, **Pakkseddel** eller **Returskjema**), og klikk på **Bruk blokkoppsettet**. Den nåværende koden din erstattes av oppsettet. Fram til du lagrer, henter **Forkast** tilbake koden din. Etter at du har lagret, ligger den i versjonsloggen. |
| **Behold koden min som en egendefinert Liquid-blokk** | Klikk på **Behold koden min**. Koden din beholdes, og du kan legge til nye blokker rundt den. Foliant gjør deler den gjenkjenner (som toppteksten, adressene, varetabellen eller totalene) om til vanlige blokker når de skriver ut de samme ordredetaljene, og beholder alt annet som egendefinerte Liquid-blokker på samme sted. |

4. Kontroller siden, og lagre.

Hvilke oppsett du får tilbud om, avhenger av malen: ett dokument per ordre (Faktura, Kreditnota, Tilbud, Pakkseddel, Returskjema, Handelsfaktura, Innkjøpsordre, Generelt ordredokument, Fraktetikett, Kvittering) eller ett dokument for alle de valgte ordrene (Plukkliste, Ordresammendrag). Et oppsett for en dokumenttype gir en mal uten type denne typen, slik at et fakturaoppsett nummereres som en faktura.

## Se eller rediger koden til en visuell mal

1. I en visuell mal klikker du på fanen **Kode**. Du ser **Kompilert Liquid**: koden Foliant genererer ut fra blokkene og dokumentstilene dine. Den er skrivebeskyttet.
2. Klikk på **Rediger kode** for å endre den. Fra nå av er koderedigeringsprogrammet aktivt, og når du lagrer, lagres koden din.
3. Når du lagrer, leser Foliant blokkene tilbake fra koden din, slik at malen forblir visuell.

Du kan også åpne den kompilerte koden for én enkelt blokk: Velg den, og klikk på **Se den kompilerte Liquid-koden** i fanen **Innhold**.

## Bytt tilbake til Visuell etter at du har redigert koden

Klikk på fanen **Visuell**. Foliant leser blokkene fra koden din:

* Blokker der du ikke har endret koden, kommer tilbake slik de var.
* Hvis noe kode ikke lenger samsvarer med blokken sin, eller er skrevet utenfor alle blokker, viser dialogboksen **Bytte tilbake til Visuell?** disse delene under **Deler som beholdes som egendefinert Liquid**, sammen med årsaken:
  * **Redigert kode**: Koden til blokken er endret, så den blir en egendefinert Liquid-blokk.
  * **Skrevet utenfor alle blokker**: Ny kode du har lagt til mellom blokkene.
* Klikk på **Bytt til Visuell** for å fortsette, eller **Bli i Liquid** for å fortsette å redigere koden.

Ingenting fjernes, og du kan angre byttet. Du må rette eventuelle kodefeil før du kan bytte.

## Erstatt en mal med en startmal

**Erstatt med en startmal…** i topplinjen erstatter alt i redigeringsprogrammet med en startmal eller et design. Startmalene er kodemaler, så en visuell mal blir en kodemal. Ingenting endres før du lagrer, og **Forkast** henter tilbake det du hadde.

## Greit å vite

* Egendefinerte Liquid-blokker kan flyttes, styles og få betingelser som alle andre blokker. Koden deres skrives ut nøyaktig slik den er skrevet.
* Konvertering gjøres per mal og skjer bare når du velger det.
* Maler laget fra et kjøpt design bruker designredigeringsprogrammet og kan ikke byttes til Visuell eller Kode her.

## Relaterte artikler

* [Åpne malredigeringsprogrammet](https://foliant-help.iforiti.com/nb/template-editor/editor-overview.md)
* [Rediger koden til en mal](https://foliant-help.iforiti.com/nb/template-editor/code-editor.md)
* [Blokkreferanse](https://foliant-help.iforiti.com/nb/template-editor/block-catalogue.md)
* [Tilgjengelighet for det visuelle redigeringsprogrammet](https://foliant-help.iforiti.com/nb/template-editor/visual-editor-plans.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.