Conversor de Markdown para HTML

Escreva ou cole Markdown e obtenha HTML limpo na hora, com pré-visualização ao vivo sanitizada, tabelas no estilo GitHub, listas de tarefas e blocos de código cercados.

Atualizado em
0 palavras · 0 linhas

A pré-visualização renderizada aparece aqui.

0 B de HTML
Use em

Copiar para Webflow cola um novo elemento Rich Text no Designer (Ctrl/⌘+V na tela ou no Navigator). Copiar como texto formatado cola o texto com formatação em um elemento Rich Text existente, no Google Docs, no Notion ou em um e-mail.

A pré-visualização é sempre sanitizada com DOMPurify. Desmarque “Sanitizar saída HTML” apenas se você confiar no Markdown e precisar de HTML incorporado sem filtro, como <iframe> ou manipuladores de eventos inline.

Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

Como usar: Markdown para HTML

  1. Digite, cole ou abra um arquivo .md no painel Markdown — ou clique em Exemplo para ver todos os elementos suportados.
  2. Confira o resultado renderizado em Preview e depois troque para HTML para ver o código gerado.
  3. Ative ou desative opções como Markdown no estilo GitHub, quebras de linha, IDs de títulos ou um documento HTML completo.
  4. Clique em Copiar HTML para colar no seu CMS ou template, ou em Baixar para salvar um arquivo .html.

O que é um conversor de Markdown para HTML?

Markdown é uma sintaxe de formatação leve, em texto simples: # para títulos, **negrito**, - para listas e crases para código. Os navegadores não exibem isso diretamente, então é preciso convertê-lo para HTML primeiro. Este conversor faz isso no seu navegador usando o analisador marked e mostra o resultado lado a lado, o que é útil para arquivos README, documentação, posts de blog escritos em Markdown e conteúdos que você precisa colar em um CMS que aceita apenas HTML.

Sintaxe suportada

MarkdownSaída HTML
## Setup<h2 id="setup">Setup</h2>
**bold**, _italic_<strong>, <em>
[link](/docs)<a href="/docs">link</a>
- [x] Done (GFM)<li><input type="checkbox" checked disabled> Done</li>
~~old~~ (GFM)<del>old</del>
```js (bloco cercado)<pre><code class="language-js">

O Markdown no estilo GitHub (GFM) adiciona tabelas com barras verticais e alinhamento de colunas (|:---|:---:|---:|), listas de tarefas, texto tachado e links automáticos para URLs soltas. Os blocos de código cercados mantêm a linguagem como classe language-*, que destacadores de sintaxe como Prism ou highlight.js reconhecem.

O HTML gerado é seguro?

O Markdown permite HTML bruto, então um documento pode conter tags <script>, atributos onerror= ou links javascript:. A pré-visualização é sempre limpa com DOMPurify antes de ser exibida, e por padrão a saída HTML passa pelo mesmo processo. Se você converte Markdown enviado por usuários no seu próprio site, sanitize também no servidor — a limpeza no lado do cliente protege apenas esta página.

Opções explicadas

  • Quebras de linha viram <br> — o Markdown padrão junta as linhas dentro de um parágrafo; já os comentários do GitHub tratam cada quebra de linha como uma quebra real. Ative esta opção para imitar o comportamento dos comentários.
  • IDs de títulos — adiciona atributos id no estilo do GitHub (minúsculas, com hífens, sem duplicatas, usando -1, -2) para que você possa criar links para #instalacao ou montar um sumário.
  • Documento HTML completo — envolve a saída em <!doctype html>, <head> e <body>, usando o primeiro título como <title>.

Dicas

Deixe uma linha em branco antes de listas, tabelas e blocos de código cercados — muitos problemas de “por que isso não está renderizando?” vêm da falta dessa linha. Precisa fazer o caminho inverso? Use o conversor de HTML para Markdown e organize o resultado com o Formatador de HTML.

Também pesquisado como: converter markdown para html, md para html, conversor markdown, preview markdown, editor markdown, gfm, markdown online, converter md.

Ferramentas que combinam com: Markdown para HTML

  • Markdown para Rich Text do Webflow — Cole o Markdown, confira a prévia e copie como rich text formatado — títulos, listas, links e negrito chegam corretos no elemento Rich Text do Webflow.
  • Codificador de Entidades HTML — Escape < > & " para que o texto possa ser exibido com segurança no HTML, converta acentos e símbolos em entidades nomeadas ou numéricas, ou decodifique HTML cheio de entidades de volta para texto simples.
  • Contador de palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.
  • Verificador de Diferenças — Cole uma versão original e uma versão alterada para ver lado a lado as linhas adicionadas, removidas e modificadas — com as palavras exatas que mudaram destacadas dentro de cada linha.

Perguntas frequentes

Posso colar Markdown no Webflow?
Sim. O Copiar para Webflow transforma o Markdown renderizado em um único elemento Rich Text que você cola no Designer com Ctrl/⌘+V. O Copiar como texto formatado cola o conteúdo em um elemento Rich Text existente, no Google Docs ou em um e-mail. O Markdown para Webflow Rich Text tem opções extras, como remover o primeiro H1.
Meu Markdown é enviado para algum lugar?
Não. A conversão roda inteiramente no seu navegador, com JavaScript; nada é enviado a um servidor. Sua última entrada fica salva apenas no armazenamento local do seu próprio navegador.
Ele suporta Markdown no estilo GitHub?
Sim. Com a opção GFM ativada (padrão), ele renderiza tabelas, listas de tarefas (- [ ] / - [x]), texto tachado com ~~ e URLs com links automáticos, seguindo a especificação GFM usada no GitHub.
Por que minha quebra de linha desaparece?
No Markdown padrão, uma única quebra de linha dentro de um parágrafo é tratada como espaço. Termine a linha com dois espaços ou uma barra invertida para forçar um <br>, ou ative a opção “Quebras de linha viram <br>”.
Posso usar HTML bruto dentro do Markdown?
Sim, o Markdown repassa HTML inline. Tags seguras como <details>, <kbd> ou <sup> são mantidas; scripts, manipuladores de eventos e URLs javascript: são removidos, a menos que você desative a sanitização da saída.
Ele adiciona destaque de sintaxe aos blocos de código?
Sim. Ele gera <pre><code class="language-xyz"> para blocos cercados com linguagem definida, que é o padrão esperado pelo highlight.js e pelo Prism. Adicione uma dessas bibliotecas à sua página para colorir o código.
Posso instalar o Markdown para HTML como um aplicativo da web e usá-lo offline?
Sim. O Markdown para HTML é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

Ferramentas relacionadas