Recursos

Last updated: 12/27/2025

Guia de Formatação Avançada

O Doccler suporta recursos especiais de formatação que vão além do Markdown tradicional. Este guia mostra como usar cada recurso.

📺 Vídeos do YouTube

Simplesmente cole um link do YouTube e ele será automaticamente convertido em um player de vídeo:

https://www.youtube.com/watch?v=dQw4w9WgXcQ

Formatos suportados:

Exemplo de um shorts:

🪗 Acordeão (Collapsible)

Crie seções que podem ser expandidas/recolhidas:

:::accordion[Título do Acordeão]
Conteúdo escondido aqui.
Pode usar **markdown** normalmente!
:::

Variações:

:::accordion - Padrão
:::collapsible - Mesmo efeito
:::details - Mesmo efeito
:::spoiler - Mesmo efeito

:::accordion[Clique aqui para expandir] Este conteúdo está escondido até clicar no título. Pode usar markdown aqui dentro! :::

💡 Callouts (Avisos/Destaques)

Dica (Tip)

:::tip[Dica Útil]
Esta é uma dica para ajudar o usuário.
:::

Informação (Info)

:::info[Informação]
Informação adicional importante.
:::

Aviso (Warning)

:::warning[Atenção]
Cuidado ao fazer isso!
:::

Perigo (Danger)

:::danger[Perigo]
Não faça isso!
:::

Nota (Note)

:::note[Nota]
Uma observação importante.
:::

Sucesso (Success)

:::success[Sucesso]
Operação concluída com sucesso!
:::

Cuidado (Caution)

:::caution[Cuidado]
Proceda com cautela.
:::

Dica: O título entre [colchetes] é opcional. Se não informar, será usado o nome do tipo (Tip, Warning, etc).

🃏 Cards

Crie cards destacados para informações importantes:

:::card[Título do Card]
Descrição do card aqui.
Pode conter **markdown** também.
:::

📋 Tabelas

O Doccler suporta tabelas do GitHub Flavored Markdown:

| Coluna 1 | Coluna 2 | Coluna 3 |
|----------|----------|----------|
| Valor 1  | Valor 2  | Valor 3  |
| Valor 4  | Valor 5  | Valor 6  |

Alinhamento:

| Esquerda | Centro | Direita |
|:---------|:------:|--------:|
| Texto    | Texto  | Texto   |

✅ Listas de Tarefas

- [x] Tarefa concluída
- [ ] Tarefa pendente
- [ ] Outra tarefa

📝 Código

Inline

Use crases simples: `código aqui`

Bloco com Sintaxe Destacada

const hello = "Hello, World!";
console.log(hello);

Linguagens suportadas: javascript, typescript, python, html, css, json, bash, sql, e muitas outras.

🔗 Links

[Texto do link](https://exemplo.com)

🖼️ Imagens

![Descrição da imagem](url-da-imagem.png)

Dica: As imagens no Doccler têm zoom automático ao clicar!

⌨️ Atalhos de Teclado

Ctrl/Cmd + S - Salvar documento
Ctrl/Cmd + B - Negrito
Ctrl/Cmd + I - Itálico
Ctrl/Cmd + K - Inserir link

💡 Dicas de Uso

Use o Preview - Ative a pré-visualização para ver como ficará o documento
Organize com Espaços - Use espaços para categorizar seus documentos
Histórico de Versões - Todas as alterações são salvas automaticamente

Precisa de ajuda? Entre em contato pelo formulário de feedback.

:::success[Sucesso] Mensagem de sucesso aqui. :::

:::warning[Atenção] Aviso importante aqui. :::

:::info[Informação] Informação importante aqui. :::

:::danger[Perigo] Alerta crítico aqui. :::

:::tip[Dica] Sua dica aqui. :::