Pular para o conteúdo principal
Tooletto

Prévia de Markdown

Uma predefinição de Markdown para HTML

Digite Markdown e veja-o renderizado instantaneamente. Útil para redigir um README, uma descrição de pull request ou documentação antes de confirmar — com a prévia isolada em um frame para que o conteúdo colado não possa executar nada.

  • Os arquivos nunca saem do seu dispositivo
  • Grátis, sem cadastro
  • Sem marcas d'água
  • Funciona offline depois de carregado
Loading tool…

Como markdown para html

  1. 1

    Digite ou cole Markdown

    O HTML e a prévia atualizam enquanto você digita.

  2. 2

    Verifique a prévia

    Renderizada em um frame isolado, então o conteúdo colado não pode executar scripts.

  3. 3

    Copie o HTML

    Copie a marcação ou baixe como um arquivo .html.

Por que redigir com prévia supera adivinhar a sintaxe bruta

Todo o apelo do Markdown é que pode ser escrito e lido como texto simples, mas essa mesma simplicidade é exatamente o que torna certos erros invisíveis até serem renderizados — uma tabela à qual falta um caractere de barra vertical em sua linha separadora silenciosamente volta a aparecer como um parágrafo plano em vez de uma tabela, uma lista aninhada indentada com o número errado de espaços se anexa ao elemento pai errado, e não há nenhuma mensagem de erro para nenhum dos dois problemas, apenas uma saída que silenciosamente não parece como pretendido. Ver o resultado renderizado real atualizar continuamente enquanto você digita detecta exatamente esse tipo de erro de formatação no momento em que é introduzido, o que é consideravelmente mais rápido que escrever um README inteiro ou uma descrição de pull request às cegas e só descobrir que a formatação quebrou depois que já foi publicada em algum lugar.

Redigindo para um destino específico

GitHub, um site de documentação, e uma postagem de fórum podem renderizar a mesma fonte Markdown ligeiramente diferente em casos extremos mesmo todos amplamente suportando GFM, então pré-visualizar antes de publicar vale especialmente a pena quando o destino é um onde um erro de renderização seria visível para uma audiência ampla — um README público, um anúncio de lançamento, ou uma descrição de pull request que revisores realmente lerão com atenção.

Perguntas frequentes

Qual variante de Markdown é suportada?

GitHub Flavored Markdown: tabelas, blocos de código com cercas, listas de tarefas, riscado e links automáticos, sobre o núcleo do CommonMark. Esse é o dialeto que GitHub, Reddit e a maioria dos geradores de sites estáticos usam.

É seguro colar Markdown de uma fonte não confiável?

A prévia é renderizada dentro de um iframe isolado com scripts desativados, então tags `<script>` incorporadas e manipuladores de eventos não podem ser executados. Note que o *HTML gerado* ainda contém qualquer HTML bruto que estava no seu Markdown — sanitize-o no servidor antes de publicar conteúdo que você não escreveu.

Suporta HTML bruto dentro do Markdown?

Sim — Markdown permite HTML inline e é transportado como está. É por isso que a nota de sanitização acima importa se a fonte não for confiável.

Por que minha tabela não renderiza?

Tabelas GFM precisam de uma linha separadora de traços sob o cabeçalho, e uma linha em branco inicial se a tabela seguir um parágrafo. Uma única barra vertical faltando na linha separadora silenciosamente converte tudo de volta para texto simples.