Nesta página

> recursos > docs > painel de processos > Notação Markdown

Notação Markdown

Manual de Markdown (Referência Rápida e Exemplos)

Utilize este guia para formatar o conteúdo nos seus Text Charts. O ProcessMind suporta recursos básicos do CommonMark e extensões populares do GitHub-Flavored Markdown (GFM), incluindo tabelas, listas de tarefas e texto tachado.

Títulos (Headings)

Use de # até ###### no início da linha:

# H1
##  H2
###  H3
####  H4
#####  H5
######  H6

Parágrafos & Quebra de Linha

Separe parágrafos por uma linha em branco.

Para quebra simples (soft break), finalize a linha com dois espaços ou use <br>.

First line with a soft break··
continues on the next line.

New paragraph after a blank line.

Ênfase (Itálico, Negrito, Riscado)

*italic* or _italic_
**bold** or __bold__
***bold italic***
~~strikethrough~~   <!-- GFM -->

Listas (Com Marcadores, Numeradas, Aninhadas)

Marcadores: -, + ou *. Numeradas: 1., 2. etc.

- Item A
- Item B
  - Nested item B1
  - Nested item B2

1. Step one
2. Step two
   1. Sub-step
   2. Sub-step

Dica: Use o mesmo recuo (2–4 espaços) em lista aninhada.

Links

Podem ser inline ou por referência:

Inline: [ProcessMind](https://processmind.com)
With title: [Site](https://example.com "Optional title")

Reference: [Docs][docs-link]

[docs-link]: https://example.com/docs

Imagens

O texto alternativo (alt) é essencial para acessibilidade e SEO.

![Alt text describing the image](https://example.com/image.png "Optional title")

Imagens por referência:

![Logo][logo]

[logo]: https://example.com/logo.png

Blockquotes

Use > no início da linha. Para aninhar citação, use vários >.

> A single-line quote.
>
> Multi-paragraph quote:
>
> > Nested quote level 2.

Código (Inline & Fenced)

Código inline usa aspas graves simples codigo. Para blocos, use três aspas graves. Indique a linguagem para realce de sintaxe.

Blocos delimitados usam crases triplas. Adicione uma linguagem para o realce de sintaxe.

Exemplos ```código

Here’s `inline code`.

Se o seu conteúdo já contiver crases triplas, delimite-o com quatro crases.

Linhas Horizontais

Três ou mais de ---, *** ou ___ sozinhos em uma linha:

---

Tabelas

Use pipes | e separadores de cabeçalho ---. Dois pontos (:) definem o alinhamento.

| Column        | Type    | Notes              |
|:--------------|:-------:| :------------------|
| Name          | String  | Left-aligned       |
| Score         | Number  | Left-aligned       |
| Description   | String  | Left-aligned       |

Coluna	Tipo	Notas
Nome	String	Alinhado à esquerda
Score	Número	Alinhado à esquerda
Descrição	String	Alinhado à esquerda

Uma linha em branco antes da tabela ajuda alguns parsers a renderizar corretamente.

Listas de Tarefas

Use - [ ] e - [x].

- [x] Design schema
- [ ] Implement API
- [ ] Write tests

Definir o esquema
Implementar a API
Escrever testes

Escape de Caracteres Especiais

Prefixe com uma barra invertida \\ para renderizar caracteres literais.

\*Not italic\*, show the asterisks literally.
Use a backslash for \#, \[, \], \(, \), \_, \*, \`, \|, \>

Links e Imagens por Referência

Mantenha o conteúdo mais limpo agrupando as referências no final.

Read the [Guide][g].
See the ![Badge][b].

[g]: https://example.com/guide
[b]: https://example.com/badge.svg

Autolinks e E-mail

URLs puras costumam criar links automáticos. Colchetes angulares forçam esse comportamento.

https://example.com
<mailto:hello@example.com>

HTML Inline (Opcional)

A maioria dos renderizadores permite HTML inline seguro quando o Markdown não é suficiente.

<strong>Bold</strong> and <em>italic</em> with HTML.
<br>
<span style="font-variant:small-caps">Small caps</span>

Nota: Nem todas as tags HTML são suportadas por motivos de segurança e compatibilidade.

Armadilhas Comuns

Quebras de linha: Use dois espaços ao final ou <br>.
Aninhamento de listas: Recue os itens aninhados de forma consistente (2 a 4 espaços).
Blocos de código: Adicione a linguagem após as crases de abertura para o realce de sintaxe.
Tabelas: Inclua uma linha em branco antes da tabela.
Imagens: Sempre inclua um texto alt informativo.
Mistura de tabs/espaços: Dê preferência a espaços para uma renderização previsível.

Template Inicial

Copie e adapte:

### Title of TextChart

Short intro paragraph that explains the context.

Value of the metric ${metric} is measured.

![image](https://processmind.com/logo.webp)

Visit us at: https://processmind.com

####  Key Points
- Point A
- Point B
- Point C