Conversor de Markdown para HTML
Entrada Markdown
Cole o Markdown e clique em Converter para HTML.
Configurações
Cole o Markdown e clique em Converter para HTML.
Informe-nos
Por favor, compartilhe sua experiência.
Ferramentas semelhantes
Um rascunho na entrada, HTML estruturado na saída
Uma postagem escrita com títulos de «#», negrito de «**», uma lista com marcadores, uma tabela e um bloco de código converte para o HTML correspondente: títulos h1-h6, strong para negrito, ul e li para a lista, uma table de verdade, e pre/code para o bloco de código. Essa saída cai em qualquer campo de CMS ou template HTML como está — por isso o mesmo arquivo Markdown alimenta um build de blog e um template de e-mail com só ajustes de formatação no meio do caminho.
Dialectos, HTML cru e escaping
Três coisas a saber antes de converter algo importante. Dialectos do Markdown diferem: tabelas, notas de rodapé e listas de tarefas são extensões que alguns parsers aceitam e o Markdown de raiz não — confira o que seu destino aceita. HTML cru dentro do Markdown geralmente passa intacto — conveniente, e ocasionalmente uma brecha. E se você precisa que colchetes angulares ou e-comercial apareçam como texto, escape — senão o conversor os rende como tags e entidades.
Sobre Conversor de Markdown para HTML
O Markdown é o formato de escrita do web moderno — Jekyll, Hugo e Gatsby constroem a partir dele, e a maioria dos desenvolvedores toma notas e rascunhos nele — mas muitos destinos ainda só aceitam HTML: CMSs legados, ferramentas de e-mail, portais de documentação. O conversor cruza exatamente essa lacuna: escreva em Markdown, converta, cole o HTML onde precisar ir.
Como usar
Passo 1
Cole seu Markdown no campo de entrada.
Passo 2
Carregue os exemplos para ver diferentes recursos do Markdown (títulos, listas, código, tabelas).
Passo 3
Clique em 'Validar Markdown' para verificar se a entrada é válida.
Passo 4
Configurar definições: GFM, quebras de linha, higienização
Passo 5
Clique em 'Converter para HTML' para gerar a saída em HTML.
Passo 6
Alterne entre a visualização do código HTML e a pré-visualização ao vivo.
Passo 7
Estatísticas de visualização: contagem de palavras, títulos, links
Passo 8
Copie o código HTML gerado para usar em seu projeto.
Características e benefícios
- ✅Converta Markdown para HTML com suporte completo à sintaxe.
- ✅Suporte ao GitHub Flavored Markdown (GFM): tabelas, listas de tarefas, texto riscado.
- ✅Suporte para títulos, negrito, itálico, links e imagens.
- ✅Blocos de código com marcadores de realce de sintaxe
- ✅Citações em bloco e citações em bloco aninhadas
- ✅Listas ordenadas e não ordenadas com aninhamento
- ✅Linhas horizontais e quebras de linha
- ✅Detecção automática de links
- ✅Sanitização de HTML (remove scripts e manipuladores de eventos)
- ✅Alternar conversão de quebra de linha (\n para <br>)
- ✅Visualização dupla: código HTML e pré-visualização em tempo real.
- ✅7 exemplos de Markdown: básico, listas, links, código, tabelas, citações em bloco, avançado
- ✅Estatísticas: contagem de palavras, contagem de títulos, contagem de links
- ✅Copiar para a área de transferência com um clique
- ✅Validação em tempo real
- ✅100% baseado em navegador - Markdown nunca é enviado para o servidor.
- ✅100% grátis - sem limites, sem necessidade de cadastro
Perguntas frequentes
O que é Markdown?
Markdown é uma linguagem de marcação leve que usa sintaxe de formatação de texto simples. Ela foi projetada para ser fácil de ler e escrever, e pode ser convertida em HTML. O Markdown é amplamente utilizado para documentação, arquivos README, blogs e sistemas de gerenciamento de conteúdo.
O que é GitHub Flavored Markdown (GFM)?
GFM é uma extensão do Markdown padrão usada pelo GitHub. Ela adiciona suporte para tabelas, listas de tarefas (caixas de seleção), texto riscado (~~texto~~), links de URL automáticos e blocos de código delimitados com realce de sintaxe. Habilite o GFM nas configurações para usar esses recursos.
Como faço para criar uma tabela em Markdown?
Use barras verticais (|) e hífens (-) para criar tabelas. Exemplo: | Nome | Idade | cria uma linha de cabeçalho. |------|-----| cria o separador. | João | 30 | cria uma linha de dados. As tabelas exigem que o GFM esteja habilitado.
Qual a diferença entre a visualização HTML e a pré-visualização?
A visualização HTML exibe o código HTML bruto gerado a partir do seu Markdown, que você pode copiar e colar no seu site. A visualização de pré-visualização renderiza o HTML para que você possa ver exatamente como ele ficará em uma página da web. Use a pré-visualização para verificar a formatação antes de copiar o HTML.
Devo ativar a sanitização?
Sim, especialmente se você estiver convertendo Markdown gerado pelo usuário. A sanitização remove HTML potencialmente perigoso, como tags <script> e manipuladores de eventos (onclick, onerror, etc.) que poderiam ser usados para ataques XSS. Ela é ativada por padrão por motivos de segurança.
O que faz a opção 'Converter quebras de linha'?
Quando ativada, a opção converte quebras de linha simples (\n) no seu Markdown em tags <br> no HTML. Quando desativada, você precisa de duas quebras de linha (linha em branco) para criar um novo parágrafo. Ative esta opção para uma conversão mais literal de quebras de linha, como em comentários do GitHub.
Como faço para criar blocos de código?
Use três crases (```) antes e depois do seu código. Adicione o nome da linguagem após as crases de abertura para marcadores de realce de sintaxe: ```javascript. Para código embutido, use crases simples: `code`.
Posso usar HTML dentro do Markdown?
Sim! O Markdown suporta HTML embutido. Você pode usar tags HTML diretamente no seu Markdown, e elas serão preservadas na saída. No entanto, se a sanitização estiver ativada, o HTML potencialmente perigoso será removido por questões de segurança.
Para que servem os exemplos em Markdown?
Clique em "Exemplos" para carregar exemplos de Markdown prontos: Básico (títulos, negrito, itálico), Listas (ordenadas, não ordenadas, tarefas), Links (links e imagens), Código (em linha e em blocos), Tabelas, Citações em bloco e Avançado (recursos mistos). Ótimo para aprender a sintaxe do Markdown.
Posso usar isso para posts de blog?
Com certeza! Muitas plataformas de blogs e geradores de sites estáticos (Jekyll, Hugo, Gatsby) usam Markdown. Escreva seu conteúdo em Markdown, converta para HTML e cole no seu blog. O HTML gerado é limpo e semântico, perfeito para conteúdo web.
Meus dados em Markdown estão seguros?
Sim! Todo o processamento de Markdown ocorre inteiramente no seu navegador, utilizando a biblioteca marked. Seu conteúdo Markdown nunca sai do seu dispositivo e não é enviado para nenhum servidor, garantindo total privacidade e segurança.