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

# Växla mellan Visuellt och Kod

> Konvertera en kodmall till block, redigera koden i en visuell mall och se vad som händer med ditt arbete när du växlar tillbaka.

Varje mall består av Liquid och HTML i grunden. Redigeraren **Visuellt** bygger den koden åt dig utifrån block och dokumentstilar. Redigeraren **Kod** visar själva koden. Du växlar med flikarna **Visuellt** och **Kod** högst upp i redigeraren. Foliant slänger aldrig kod när du växlar: allt som inte kan bli ett vanligt block behålls som ett **Anpassad Liquid**-block.

## Innan du börjar

Fliken **Visuellt** beror på din plan. Om den inte ingår visar fliken vilken plan som har den, och kodredigeraren fungerar som vanligt. Se [Tillgänglighet för den visuella redigeraren per plan](https://foliant-help.iforiti.com/sv/template-editor/visual-editor-plans.md).

## Konvertera en kodmall till block

1. Öppna mallen i redigeraren. Den öppnas i **Kod**.
2. Klicka på fliken **Visuellt**. Dialogrutan **Konvertera till visuellt** öppnas.
3. Välj hur du vill börja:

| Alternativ | Vad som händer |
| - | - |
| **Börja från en blocklayout** | Välj en **Layout** (till exempel **Faktura**, **Packsedel** eller **Retursedel**) och klicka på **Använd blocklayouten**. Din nuvarande kod ersätts av den layouten. Innan du sparar kan du få tillbaka din kod med **Ignorera**. Efter att du har sparat finns den kvar i versionshistoriken. |
| **Behåll min kod som ett Anpassad Liquid-block** | Klicka på **Behåll min kod**. Din kod behålls, och du kan lägga till nya block runt den. Foliant gör om delar som det känner igen (som sidhuvudet, adresserna, artikeltabellen eller summorna) till vanliga block när de skriver ut samma orderuppgifter. Allt annat behålls som Anpassad Liquid-block, på samma plats. |

4. Kontrollera sidan och spara sedan.

Vilka layouter som erbjuds beror på mallen: ett dokument per order (faktura, kreditnota, offert, packsedel, retursedel, handelsfaktura, inköpsorder, allmänt orderdokument, fraktsedel, kvitto) eller ett dokument för alla valda ordrar (plocklista, ordersammanfattning). En layout för en dokumenttyp ger en mall utan typ just den typen, så en fakturalayout numreras som en faktura.

## Visa eller redigera koden i en visuell mall

1. Klicka på fliken **Kod** i en visuell mall. Du ser **Kompilerad Liquid**: koden som Foliant genererar från dina block och dokumentstilar. Den är skrivskyddad.
2. Klicka på **Redigera kod** om du vill ändra den. Från och med nu är kodredigeraren aktiv och det är din kod som sparas.
3. När du sparar läser Foliant tillbaka blocken från din kod, så mallen förblir visuell.

Du kan också öppna den kompilerade koden för ett enskilt block: markera blocket och klicka på **Visa den kompilerade Liquid-koden** på dess flik **Innehåll**.

## Växla tillbaka till Visuellt efter att du har redigerat kod

Klicka på fliken **Visuellt**. Foliant läser blocken från din kod:

* Block vars kod du inte har ändrat kommer tillbaka som de var.
* Om viss kod inte längre stämmer med sitt block, eller skrevs utanför alla block, listar dialogrutan **Växla tillbaka till Visuellt?** de delarna under **Delar som behålls som Anpassad Liquid**, med orsaken:
  * **Redigerad kod**: blockets kod har ändrats, så det blir ett Anpassad Liquid-block.
  * **Skriven utanför alla block**: ny kod som du har lagt till mellan block.
* Klicka på **Växla till Visuellt** för att fortsätta, eller på **Stanna i Liquid** för att fortsätta redigera koden.

Inget tas bort, och du kan ångra bytet. Du måste rätta eventuella kodfel innan du kan växla.

## Ersätt en mall med en startmall

**Ersätt med en startmall…** i det övre fältet ersätter allt i redigeraren med en startmall eller design. Startmallarna är kodmallar, så en visuell mall blir en kodmall. Inget ändras förrän du sparar, och **Ignorera** tar tillbaka det du hade.

## Bra att veta

* Anpassad Liquid-block kan flyttas, formateras och få villkor precis som andra block. Deras kod skrivs ut exakt som den är skriven.
* Konvertering görs per mall och sker bara när du väljer det.
* Mallar som skapats från en köpt design använder designredigeraren och kan inte växlas till Visuellt eller Kod här.

## Relaterade artiklar

* [Öppna mallredigeraren](https://foliant-help.iforiti.com/sv/template-editor/editor-overview.md)
* [Redigera en malls kod](https://foliant-help.iforiti.com/sv/template-editor/code-editor.md)
* [Blockreferens](https://foliant-help.iforiti.com/sv/template-editor/block-catalogue.md)
* [Tillgänglighet för den visuella redigeraren per plan](https://foliant-help.iforiti.com/sv/template-editor/visual-editor-plans.md)


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