TanodTools
PT

Converter Markdown para HTML

Digite ou cole Markdown e receba HTML limpo enquanto digita, com uma prévia de como vai ficar.

Funciona inteiramente no seu navegador

Resultado

Digite ou cole Markdown para começar.

Markdown de até cerca de 5 MB, digitado, colado ou de um arquivo .md ou .txt. O resultado é atualizado enquanto você digita.

Como converter Markdown para HTML

  1. Digite ou cole seu Markdown, ou abra um arquivo .md.
  2. Leia o HTML à direita ou mude para Prévia para vê-lo renderizado. Ative a opção de documento completo se precisar de uma página inteira.
  3. Copie o HTML ou baixe como arquivo .html.

Como o Markdown vira HTML

Markdown é um jeito de escrever texto formatado com caracteres simples: um # começa um cabeçalho, **dois asteriscos** deixam em negrito, uma linha que começa com hífen é um item de lista. É o que usam os arquivos README, muitos apps de notas e a maioria dos fóruns de desenvolvedores. Navegadores, templates de e-mail e sistemas de conteúdo querem HTML, então em algum momento é preciso converter Markdown para HTML.

Este conversor segue o CommonMark com os acréscimos do GitHub Flavored Markdown, então tabelas, listas de tarefas e texto tachado funcionam como no GitHub. O HTML gerado passa depois por um sanitizador, que remove tudo o que poderia executar código quando o HTML é exibido, sem mexer na formatação comum.

A aba Prévia mostra o mesmo HTML renderizado na página. Os links abrem numa nova aba, e imagens hospedadas em outros lugares aparecem como espaços reservados em vez de serem baixadas, então nada do que você escreve é enviado para outro site enquanto você trabalha.

Dicas

Perguntas frequentes

Meu texto é enviado para algum lugar?

Não. O Markdown é convertido no seu navegador com a biblioteca de código aberto marked, e nada é enviado para lugar nenhum nem armazenado.

Que sintaxe de Markdown é suportada?

CommonMark mais os acréscimos do GitHub: tabelas, listas de tarefas (- [x] done), texto tachado com ~~, blocos de código cercados e links automáticos. Quebras de linha simples são unidas num só parágrafo, como no Markdown padrão; ative Quebras de linha viram <br> para mantê-las, como fazem os comentários do GitHub.

O HTML é seguro para colocar num site?

Ele é limpo com a biblioteca de código aberto DOMPurify antes de você vê-lo. Scripts, manipuladores de eventos como onerror, links javascript:, iframes e objetos incorporados são removidos, e a linha abaixo do resultado lista o que foi retirado. HTML comum escrito dentro do Markdown, como <details> ou <sup>, é mantido. Como em qualquer conteúdo de terceiros, mantenha as proteções do seu próprio site.

Por que uma imagem aparece como espaço reservado na prévia?

A prévia nunca carrega nada de outro site, então seu texto não é revelado a esse site e a página continua privada. Imagens de endereços da web aparecem como um espaço reservado identificado, com o endereço. O código HTML continua com a tag <img> normal, então a imagem aparece onde quer que você publique.

O que a opção de documento completo acrescenta?

Uma página completa em volta do HTML: um doctype, um <head> com charset UTF-8, uma tag de viewport para celular e um título tirado do primeiro cabeçalho. Deixe desativada quando for colar numa página existente ou num CMS.

Os cabeçalhos recebem atributos id para links?

Não. Os cabeçalhos saem como tags simples de <h1> a <h6>. Se precisar de âncoras, adicione os ids no template do seu site ou à mão.