Editor Markdown online com prévia | Grátis | Awesome Toolkit

Prévia Markdown

Escreva Markdown à esquerda e obtenha uma prévia HTML em tempo real à direita. Copie o HTML gerado com um clique.

Por Marshkalk

Prévia ao vivo
Prévia HTML

Como usar a prévia Markdown

  1. Digite ou cole seu Markdown no editor à esquerda.
  2. A prévia HTML é atualizada em tempo real à direita enquanto você digita.
  3. Clique em Copiar HTML para copiar o HTML renderizado para a área de transferência.

O que é Markdown?

Markdown é uma linguagem de marcação leve criada por John Gruber em 2004. É projetada para ser legível como texto simples e se converter facilmente em HTML. Hoje é o formato padrão para arquivos README, sites de documentação, posts de blog e comentários no GitHub, Stack Overflow, Reddit e muitas outras plataformas.

Referência rápida da sintaxe Markdown

ElementoSintaxe
Título 1# Título
Título 2## Subtítulo
Negrito**texto em negrito**
Itálico*texto em itálico*
Link[rótulo](https://url)
Imagem![texto alternativo](imagem.png)
Código inline`código`
Bloco de código```linguagem ... ```
Lista não ordenada- item
Lista ordenada1. item
Citação> texto citado
Linha horizontal---

CommonMark vs GitHub Flavored Markdown

Este editor usa a biblioteca marked.js, que segue a especificação CommonMark com extensões do GitHub Flavored Markdown (GFM). O GFM adiciona tabelas, listas de tarefas (- [x] feito), tachado (~~texto~~) e blocos de código delimitados.

Casos de uso comuns

  • Pré-visualizar um README antes de fazer push para GitHub ou npm
  • Escrever e testar documentação para um projeto de software
  • Redigir um post de blog e copiar o HTML para colar em um CMS
  • Verificar como um comentário será renderizado em uma plataforma com suporte a Markdown