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

# Alternar entre Visual e Código

> Converta um modelo de código em blocos, edite o código de um modelo visual e saiba o que acontece ao seu trabalho quando volta atrás.

Todos os modelos são, no fundo, Liquid e HTML. O editor **Visual** gera esse código por si a partir de blocos e estilos do documento; o editor **Código** mostra o próprio código. Alterne com os separadores **Visual** e **Código** no topo do editor. A Foliant nunca descarta código quando alterna: tudo o que não consegue transformar num bloco normal é mantido como bloco **Liquid personalizado**.

## Antes de começar

O separador **Visual** depende do seu plano. Se o seu plano não o incluir, o separador indica o plano que o inclui e o editor de código funciona normalmente. Consulte [Disponibilidade do editor visual por plano](https://foliant-help.iforiti.com/pt-PT/template-editor/visual-editor-plans.md).

## Converter um modelo de código em blocos

1. Abra o modelo no editor. Abre em **Código**.
2. Clique no separador **Visual**. Abre-se a caixa de diálogo **Converter para visual**.
3. Escolha como começar:

| Opção | O que acontece |
| - | - |
| **Começar com um layout de blocos** | Escolha um **Layout** (por exemplo **Fatura**, **Guia de remessa** ou **Formulário de devolução**) e clique em **Usar o layout de blocos**. O seu código atual é substituído por esse layout. Até guardar, **Descartar** repõe o seu código; depois de guardar, fica no histórico de versões. |
| **Manter o meu código como bloco Liquid personalizado** | Clique em **Manter o meu código**. O seu código é mantido e pode adicionar novos blocos à volta dele. A Foliant transforma as secções que reconhece (como o cabeçalho, as moradas, a tabela de artigos ou os totais) em blocos normais quando imprimem os mesmos dados da encomenda, e mantém tudo o resto como blocos Liquid personalizado, no mesmo lugar. |

4. Verifique a página e guarde.

Os layouts disponíveis dependem do modelo: um documento por encomenda (Fatura, Nota de crédito, Orçamento, Guia de remessa, Formulário de devolução, Fatura comercial, Nota de encomenda, Documento geral de encomenda, Etiqueta de envio, Recibo) ou um documento para todas as encomendas selecionadas (Lista de recolha, Resumo de encomendas). Um layout de um tipo de documento atribui esse tipo a um modelo sem tipo, por isso um layout de fatura é numerado como uma fatura.

## Ver ou editar o código de um modelo visual

1. Num modelo visual, clique no separador **Código**. Verá o **Liquid compilado**: o código que a Foliant gera a partir dos seus blocos e estilos do documento. É só de leitura.
2. Para o alterar, clique em **Editar código**. A partir daí, o editor de código fica ativo e guardar guarda o seu código.
3. Quando guarda, a Foliant volta a ler os blocos a partir do seu código, por isso o modelo continua visual.

Também pode abrir o código compilado de um único bloco: selecione-o e clique em **Ver o Liquid compilado** no separador **Conteúdo**.

## Voltar ao Visual depois de editar o código

Clique no separador **Visual**. A Foliant lê os blocos a partir do seu código:

* Os blocos cujo código não alterou voltam tal como estavam.
* Se algum código já não corresponder ao seu bloco, ou tiver sido escrito fora de qualquer bloco, a caixa de diálogo **Voltar ao modo Visual?** lista essas partes em **Partes mantidas como Liquid personalizado**, com o motivo:
  * **Código editado**: o código do bloco foi alterado, por isso passa a ser um bloco Liquid personalizado.
  * **Escrito fora de qualquer bloco**: código novo que adicionou entre blocos.
* Clique em **Mudar para Visual** para continuar ou em **Ficar em Liquid** para continuar a editar o código.

Nada é removido e pode anular a mudança. Tem de corrigir os erros de código antes de poder mudar.

## Substituir um modelo por um modelo inicial

**Substituir por um modelo inicial…** na barra superior substitui todo o conteúdo do editor por um modelo inicial ou design. Os modelos iniciais são modelos de código, por isso um modelo visual passa a ser um modelo de código. Nada muda até guardar, e **Descartar** repõe o que tinha.

## Bom saber

* Os blocos Liquid personalizado podem ser movidos, estilizados e ter condições como qualquer outro bloco. O seu código é impresso exatamente como foi escrito.
* A conversão é feita por modelo e só acontece quando a escolhe.
* Os modelos criados a partir de um design comprado usam o editor de designs e não podem ser alternados para Visual ou Código aqui.

## Artigos relacionados

* [Abrir o editor de modelos](https://foliant-help.iforiti.com/pt-PT/template-editor/editor-overview.md)
* [Editar o código de um modelo](https://foliant-help.iforiti.com/pt-PT/template-editor/code-editor.md)
* [Referência de blocos](https://foliant-help.iforiti.com/pt-PT/template-editor/block-catalogue.md)
* [Disponibilidade do editor visual por plano](https://foliant-help.iforiti.com/pt-PT/template-editor/visual-editor-plans.md)


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