# Editor de Conteúdos

> Os blocos do editor de texto das aulas, como anexar materiais e as variáveis com os dados do aluno.

O editor de conteúdos é a área de texto abaixo do vídeo, no editor da aula. Nele você escreve o conteúdo da aula e monta a página com blocos: títulos, imagens, listas, tabelas, avisos, links, arquivos para download e mais. O mesmo editor é usado no **Termo de aceite**.

## Como adicionar blocos

Há dois jeitos:

- Clique em **+ Adicionar bloco**, abaixo do último bloco, e escolha o tipo. O campo **Filtrar** ajuda a achar o bloco pelo nome;
- Numa linha de texto vazia, digite `/` e o menu de blocos abre.

Cada bloco tem, à direita, os botões **Mover para cima**, **Mover para baixo** e **Excluir**.

:::aviso
O editor não salva sozinho. Clique em **Salvar** no fim da página (ou use **Ctrl+S**) antes de sair da aula.
:::

## Blocos disponíveis

| Bloco | O que faz |
|---|---|
| **Texto** | Parágrafo comum |
| **Título 1** a **Título 6** | Títulos e subtítulos, do maior para o menor |
| **Link** | Cartão clicável que abre o endereço em outra aba |
| **Arquivo** | Material para download (PDF, planilha, áudio etc.) |
| **Imagem** | Imagem enviada do computador ou por URL, com legenda |
| **Lista** | Lista com marcadores ou numerada, um item por linha |
| **Checklist** | Lista de tarefas. Comece a linha com `[x]` para item marcado ou `[ ]` para desmarcado |
| **Tabela** | Uma linha por vez, com as células separadas por `\|`. Marque **Com cabeçalho** para destacar a primeira linha |
| **Aviso** | Caixa de destaque com título e mensagem |
| **Separador** | Linha para dividir o conteúdo |
| **Citação** | Citação com o nome do autor |
| **Exibir código** | Mostra um trecho de código formatado, sem executar |
| **Inserir HTML** | Código HTML exibido como parte da aula |
| **Incorporar Mídia** | Vídeo do YouTube ou do Vimeo (ou outra página `https://`) dentro do texto, com legenda |

### Imagem

Envie o arquivo no próprio bloco ou cole a URL da imagem. Opções: **Com borda**, **Com fundo** e **Expandir imagem** (ocupa toda a largura do conteúdo).

### Inserir HTML

O código é exibido do jeito que foi colado, inclusive scripts.

:::perigo
Cole apenas código de fontes confiáveis. Um código malfeito pode quebrar a página da aula para todos os alunos.
:::

## Inserindo anexos na aula

O bloco **Arquivo** é o mais usado do editor:

1. Clique em **+ Adicionar bloco** e escolha **Arquivo**;
2. Selecione o arquivo (até 20 MB);
3. Se quiser, mude o **Título do arquivo**, que é o nome que o aluno vê;
4. Salve a aula.

O aluno vê um botão com o nome, a extensão e o tamanho do arquivo. Áudios (`.mp3`, `.m4a`, `.ogg`, `.wav`) viram um player dentro da aula.

:::info Anexos protegidos
Os arquivos ficam numa pasta privada. Só baixa quem está logado, tem acesso ao produto e já tem aquela aula liberada. Mesmo que alguém compartilhe o link, quem não tem acesso não consegue baixar.
:::

## Variáveis

Você pode usar variáveis no texto da aula. Na hora de exibir, a plataforma troca cada uma pelo valor correspondente:

| Variável | Valor |
|---|---|
| `*\|usuario.nome\|*` | Nome do aluno logado |
| `*\|usuario.email\|*` | E-mail do aluno logado |
| `*\|aula.id\|*` | ID da aula |
| `*\|aula.titulo\|*` | Título da aula |
| `*\|aula.modulo\|*` | Nome do módulo da aula |
| `*\|aula.produto\|*` | Nome do produto da aula |
| `*\|aula.link\|*` | Link da aula |

Exemplo: "Olá, `*|usuario.nome|*`! Bem-vindo à aula `*|aula.titulo|*`." aparece para o aluno como "Olá, Ana Souza! Bem-vindo à aula Boas-vindas."

## Saiba mais

- [Aulas](/vitrines/aulas)
- [Conteúdos Conectados](/vitrines/conteudos-conectados)