Guia de Markdown

O Krokanti Notes usa um editor de texto rico desenvolvido com o Tiptap. Você pode escrever no editor visual ou alternar para o modo de código-fonte (Markdown) usando o botão <> na barra de ferramentas. Toda a sintaxe Markdown padrão é suportada.

Alternando para o Modo Markdown

Clique no botão <> na barra de ferramentas do editor para alternar entre os modos visual e de código-fonte (Markdown). Seu conteúdo é convertido instantaneamente — você pode escrever Markdown puro e voltar para ver o resultado formatado.

Formatação Básica

**texto em negrito**
*texto em itálico*
~~tachado~~
`código inline`

Renderiza como: texto em negrito, texto em itálico, tachado, código inline

Títulos

# Título 1
## Título 2
### Título 3

Use títulos para estruturar notas longas. Título 1 é o maior, Título 3 é o menor.

Listas

Lista não ordenada

- Item um
- Item dois
  - Item aninhado

Lista ordenada

1. Primeiro passo
2. Segundo passo
3. Terceiro passo

Lista de tarefas (lista de verificação)

- [ ] Tarefa não concluída
- [x] Tarefa concluída

As listas de tarefas renderizam como caixas de seleção interativas no editor visual — clique para marcar sem precisar editar o código-fonte.

Links

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

Para fazer um link para outra nota no Krokanti Notes, use o recurso de @menção no editor visual — digite @ seguido do título da nota e selecione no popup. Isso insere um link interno automaticamente.

Imagens

![Texto alternativo](https://example.com/image.png)

Você também pode colar imagens diretamente no editor visual, ou arrastar e soltar arquivos de imagem — eles fazem upload para o seu CDN pessoal automaticamente.

Blocos de Código

Envolva o código com três acentos graves e, opcionalmente, especifique uma linguagem:

```javascript
function greet(name) {
  return `Hello, ${name}!`;
}
```

Citações

> Isto é uma citação.
> Pode ocupar várias linhas.

Tabelas

| Coluna A | Coluna B | Coluna C |
|----------|----------|----------|
| Linha 1  | Dado     | Mais     |
| Linha 2  | Dado     | Mais     |

Linha Horizontal

---

Uma linha horizontal (---) desenha uma linha divisória na nota.

Diagramas Mermaid

O Krokanti Notes suporta diagramas Mermaid dentro de blocos de código delimitados:

```mermaid
graph TD
  A[Início] --> B{Decisão}
  B -->|Sim| C[Ação 1]
  B -->|Não| D[Ação 2]
```

O diagrama é renderizado visualmente no editor e nas visualizações de notas públicas. Veja o guia de Diagramas Mermaid para mais exemplos.

Dicas

• Use --- no início de uma linha para criar uma linha horizontal (não confunda com frontmatter, que não é usado dentro do editor)
• Listas aninhadas funcionam em qualquer profundidade — recue com 2 espaços por nível
• Tabelas automaticamente recebem um menu de contexto com opções para inserir/excluir linhas/colunas no editor visual