Conversor de Markdown para HTML: prévia ao vivo, tabelas GFM, HTML pronto para e-mail | We.Inc
Converta Markdown em HTML com uma prévia ao vivo lado a lado. Suporta tabelas, listas de tarefas, tachado e notas de rodapé, adiciona ids aos títulos, escapa HTML inseguro e exporta estilos inline prontos para e-mail.
Conversor de Markdown para HTML
Converter Markdown em HTML transforma a formatação em texto puro em tags: # Título vira <h1>, **negrito** vira <strong>, uma linha que começa com - vira um item de lista. Digite ou cole o Markdown à esquerda para obter um HTML limpo e uma prévia ao vivo à direita, com tabelas, listas de tarefas, notas de rodapé e ids nos títulos.
Um editor dividido com prévia ao vivo, os extras no estilo GitHub que as pessoas realmente usam, um modo seguro para conteúdo de terceiros e três formas de exportar: HTML puro, um arquivo HTML completo ou HTML com estilos inline que continua intacto quando colado em um editor de e-mail.
Digite ou cole o Markdown, ou abra um arquivo .md. O HTML e a prévia são atualizados enquanto você digita.
Deixe o Modo seguro ligado para escapar o HTML bruto do texto e bloquear links javascript:. Desligue-o só para Markdown que você mesmo escreveu.
Ative os ids nos títulos para ter seções com link, e as quebras de linha se cada nova linha simples deve virar <br>.
Copie o HTML, copie com estilos inline para e-mail ou baixe um arquivo HTML completo com uma folha de estilos simples.
Deixe uma linha em branco entre os blocos. A maioria das surpresas no Markdown vem de uma lista ou título colado direto no parágrafo de cima.
Recue os itens de lista aninhados com dois ou mais espaços para que fiquem alinhados sob o texto do item de cima.
Escape com uma barra invertida um caractere que o Markdown leria como formatação, por exemplo \* para um asterisco literal.
Uma tabela exige uma linha de cabeçalho e uma linha separadora de hifens. Os dois-pontos na linha separadora definem o alinhamento.
Perguntas frequentes
Qual variante de Markdown é suportada?
A sintaxe CommonMark do dia a dia (títulos, ênfase, links, imagens, listas, citações, blocos de código, linhas horizontais) mais os extras do GitHub Flavored Markdown: tabelas, listas de tarefas, tachado e links de URLs soltas. As notas de rodapé funcionam do jeito que o GitHub as renderiza. É um conversor compacto, não uma implementação completa da especificação, então aninhamentos muito incomuns podem sair diferentes do GitHub.
O HTML é seguro para colocar no meu site?
Com o Modo seguro ligado, o HTML bruto no Markdown aparece como texto e os destinos de link que poderiam executar script são substituídos. Isso cobre os riscos comuns de conteúdo que você não escreveu. Se você converte conteúdo de usuários no seu próprio servidor, passe o resultado ainda assim por um sanitizador de HTML como o DOMPurify.
Como colo Markdown em um e-mail?
Use Copiar para e-mail. Os editores de e-mail removem blocos de estilo, então essa opção grava os estilos em cada tag (inline). Cole o resultado na visualização HTML ou de código-fonte da sua ferramenta de e-mail.
Meus documentos são enviados para algum servidor?
Não. A conversão roda no seu navegador, e os arquivos que você abre são lidos localmente.
Por que adicionar ids aos títulos
Um id em cada título permite criar um link direto para uma seção, como em /docs#install, e permite que um sumário salte pela página. Os ids aqui seguem o mesmo padrão que o GitHub usa, então os links que você já tem de um README continuam funcionando quando o conteúdo vai para um site.
Quando dois títulos têm o mesmo texto, o segundo recebe -1 no final do id, o terceiro -2 e assim por diante, para que todo id continue único.
Do Markdown a uma página de verdade
A opção de download envolve o HTML em um documento completo com uma folha de estilos legível, o que basta para um changelog, uma página de política ou um material rápido. Para um site completo, o HTML convertido pode ir para qualquer template de página ou criador de sites que aceite HTML personalizado.
No caminho inverso, o conversor de HTML para Markdown transforma páginas existentes de volta em Markdown, o que ajuda na hora de levar conteúdo para um repositório de documentação.