Editor de Markdown online com pré-visualização em tempo real

Escreva Markdown à esquerda e veja o resultado formatado na hora à direita. Um editor de Markdown gratuito e rápido que funciona offline – sem cadastro, e seu texto nunca sai do navegador.

Markdown
Pré-visualização

Guia de Markdown

Markdown é uma forma simples de formatar texto que fica ótimo em qualquer dispositivo. Ele não faz nada sofisticado como mudar o tamanho, a cor ou o tipo da fonte – apenas o essencial, usando símbolos do teclado que você já conhece. Esta é a referência completa: cada regra mostrada ao lado do seu resultado renderizado.

Títulos

Use símbolos # antes do seu texto – um # para o maior título, até seis para o menor. Os dois níveis principais também têm um estilo com “sublinhado”.

MarkdownResultado
# Heading 1

Heading 1
=========

Heading 1

## Heading 2

Heading 2
---------

Heading 2

### Heading 3

Heading 3

#### Heading 4

Heading 4

##### Heading 5
Heading 5
###### Heading 6
Heading 6

Ênfase

Envolva o texto em símbolos para deixá-lo negrito, itálico ou tachado. Asteriscos e sublinhados funcionam da mesma forma.

MarkdownResultado
*Italic* _Italic_Italic
**Bold** __Bold__Bold
***Bold & italic***Bold & italic
~~Strikethrough~~Strikethrough

Citações

Comece uma linha com > para citar um texto. Adicione outro > para aninhar citações, e linhas > em branco para separar parágrafos.

MarkdownResultado
> This is a blockquote.
This is a blockquote.
> First paragraph. > > Second paragraph.

First paragraph.

Second paragraph.

> Level one >> Level two
Level one
Level two

Listas

Listas com marcadores começam com -, * ou +. Listas numeradas usam 1., 2., 3. Recue dois espaços para aninhar uma sublista.

MarkdownResultado
- First item - Second item - Third item
  • First item
  • Second item
  • Third item
1. First item 2. Second item 3. Third item
  1. First item
  2. Second item
  3. Third item
1. First item - Sub-item - Sub-item 2. Second item
  1. First item
    • Sub-item
    • Sub-item
  2. Second item

Listas de tarefas

Adicione [ ] para uma caixa vazia ou [x] para uma marcada logo após o marcador. Ótimo para listas de tarefas no GitHub.

MarkdownResultado
- [x] Learn Markdown - [ ] Master Markdown - [ ] Teach a friend
  • Learn Markdown
  • Master Markdown
  • Teach a friend

Coloque o texto visível em [ ] e o endereço em ( ). Links de referência mantêm o endereço no final, e URLs simples viram links automaticamente.

MarkdownResultado
[Markdown69](https://markdown69.com)Markdown69
[Hover me](https://markdown69.com "Best cheat sheet")Hover me
[Reference link][site]

[site]: https://markdown69.com
Reference link
<https://markdown69.com>https://markdown69.com
[Jump to top](#top)Jump to top

Imagens

Igual aos links, com um ! na frente. O texto em [ ] vira o texto alternativo exibido quando a imagem não carrega.

MarkdownResultado
![Markdown logo](/img/markdown.png)Markdown logo
![Logo](/img/markdown.png "Markdown")Logo
[![Clickable](/img/markdown.png)](https://markdown69.com)Clickable

Código

Envolva código em linha com uma crase simples. Para um bloco inteiro, use três crases (opcionalmente nomeando a linguagem) ou recue cada linha em quatro espaços.

MarkdownResultado
Use the `print()` function.Use the print() function.
``` plain code block ```
plain code block
```python def hello(): print("Hi!") ```
def hello():
    print("Hi!")

Tabelas

Separe as colunas com barras verticais | e o cabeçalho do corpo com traços -. Adicione dois-pontos : na linha divisória para alinhar uma coluna à esquerda, ao centro ou à direita.

MarkdownResultado
| Syntax | Description | | ------ | ----------- | | Header | Title | | Cell | Text |
SyntaxDescription
HeaderTitle
CellText
| Left | Center | Right | | :--- | :----: | ----: | | a | b | c |
LeftCenterRight
abc

Linha horizontal

Três ou mais traços, asteriscos ou sublinhados em uma linha própria desenham um divisor.

MarkdownResultado
--- *** ___

Quebras de linha

Termine uma linha com dois espaços para quebrá-la sem iniciar um novo parágrafo. Uma linha em branco sempre inicia um novo parágrafo.

MarkdownResultado
First line·· Second line

First line
Second line

New paragraph

after a blank line

New paragraph

after a blank line

Escapando caracteres

Coloque uma barra invertida \ antes de um símbolo para exibi-lo literalmente em vez de formatar o texto.

MarkdownResultado
\*Not italic\**Not italic*
1\. Not a list1. Not a list

Notas de rodapé

Marque um ponto com [^1] e escreva a nota em qualquer lugar, em sua própria linha. O leitor pula entre elas com um clique.

MarkdownResultado
Here is a note.[^1]

[^1]: The footnote text.
Here is a note.1
  1. The footnote text.

Emoji

Muitos editores (GitHub, Slack, Discord) transformam :shortcodes: em emoji. Você também pode colar o caractere de emoji diretamente.

MarkdownResultado
:tada: Shipped it! :rocket:🎉 Shipped it! 🚀
Looks good :+1:Looks good 👍

HTML em linha

Quando o Markdown não é suficiente, insira HTML puro e ele será renderizado como está.

MarkdownResultado
Text with <sub>subscript</sub> and <sup>superscript</sup>.Text with subscript and superscript.
<kbd>Ctrl</kbd> + <kbd>C</kbd>Ctrl + C

Incorporando vídeos

O Markdown não consegue incorporar um player de vídeo, mas você pode vincular uma imagem em miniatura ao vídeo. Clicar na imagem abre o vídeo.

MarkdownResultado
[![Watch the video](/img/markdown.png)](https://youtu.be/VIDEO_ID)Watch the video