Converter Markdown em HTML

Transforme um arquivo .md em HTML de duas maneiras: copie a marcação renderizada limpa para colar em um CMS ou e-mail, ou baixe uma página HTML completa e autossuficiente com o tema, o realce de sintaxe, os diagramas e as fórmulas embutidos.

Grátis · sem cadastro · roda no seu navegador, nada é enviado

O menu Exportar: baixar .md, baixar .html, imprimir em PDF, copiar como HTML, copiar Markdown — Exporte como Markdown, página HTML independente ou PDF, ou copie o HTML renderizado — mostrado no tema Paper.

Dois tipos de saída HTML

Copiar como HTML coloca o fragmento renderizado na área de transferência — marcação semântica <h2>, <p>, <table>, <pre><code> sem nenhum estilo envolvente, pronta para um editor de blog, um sistema de documentação ou um e-mail que aceite texto formatado. Baixar .html produz uma página independente: o documento renderizado mais o CSS do tema que você está vendo, código realçado, SVGs Mermaid renderizados e fórmulas KaTeX, em um único arquivo que você pode abrir em qualquer lugar ou hospedar como está.

O que o conversor trata

A conversão usa o mesmo renderizador GitHub-Flavored Markdown da prévia: títulos com ids de âncora, ênfase, links, imagens, listas ordenadas e não ordenadas, listas de tarefas, tabelas com alinhamento, citações e alertas do GitHub, código cercado com classes de linguagem, notas de rodapé, seções <details>, front matter, códigos de emoji, diagramas Mermaid e fórmulas. O HTML inline da origem passa depois de sanitizado, então scripts e manipuladores de eventos nunca vão parar na saída.

Escolha a aparência da página primeiro

Como a exportação carrega o tema ativo, configure-o antes de baixar: escolha um dos 16 temas claros ou escuros, texto sem serifa, com serifa ou monoespaçado, e defina o tamanho do texto e a largura da página no menu de configurações. A página exportada usa essas escolhas e inclui uma folha de estilo de impressão, então também serve como origem para PDF.

Veja em ação

Blocos de código TypeScript, Python, Bash e diff com realce de sintaxe, rótulos de linguagem e botões de copiar — Os blocos de código ganham rótulo de linguagem, realce de sintaxe para mais de 50 linguagens e botão de copiar — este é o tema One Dark.

O seletor de temas mostrando 16 temas claros e escuros com amostras de cor — Dezesseis temas, cada um com sua própria paleta de sintaxe — ou siga a configuração claro/escuro do sistema.

Fórmula KaTeX em modo de exibição e um fluxograma Mermaid renderizados dentro da prévia — Fórmulas KaTeX e fluxogramas Mermaid são renderizados direto no documento.

Como funciona

1
Cole seu Markdown ou abra o arquivo .md; confira a prévia.
2
Escolha um tema e a tipografia — a exportação usa o que a prévia mostra.
3
Exportar → Copiar como HTML para um fragmento, ou Baixar .html para uma página completa.

O que você recebe

Marcação semântica limpa

Sem estilos inline no fragmento copiado; ids nos títulos; classes de linguagem no código.

Exportação de página independente

Um arquivo HTML com o CSS do tema, código realçado, diagramas e fórmulas incluídos.

GFM + extensões

Tabelas, listas de tarefas, alertas, notas de rodapé, details, front matter, Mermaid, KaTeX.

Sanitizado

O HTML inline é limpo com DOMPurify antes de ser renderizado ou exportado.

No navegador

A conversão roda localmente; seu documento nunca é enviado.

Prático para vários arquivos

Abra o próximo arquivo arrastando e exporte de novo — sem recarregar a página.

Perguntas frequentes

O HTML inclui CSS?

Copiar como HTML dá marcação semântica sem estilo. Baixar .html embute o CSS do tema atual para o arquivo ficar igual em qualquer lugar.

Posso converter vários arquivos Markdown?

Um documento por vez: abra um arquivo, exporte, abra o próximo. Não há limite de tamanho além da memória do seu navegador; arquivos de até 5 MB abrem direto.

Os blocos de código são realçados na saída?

Sim. O código é realçado com highlight.js e a página independente carrega as regras de cor do tema escolhido.

O que acontece com diagramas Mermaid e fórmulas?

Eles são exportados como SVG renderizado (Mermaid) e HTML do KaTeX, então a página os mostra sem carregar nenhum script.

A saída é HTML5 válido?

Sim — um documento HTML5 UTF-8 com meta tag viewport, título tirado do nome do seu arquivo e um <article class="markdown-body"> contendo o conteúdo.

Ferramentas relacionadas

Pronto quando você estiver

Cole Markdown, solte um arquivo ou abra uma URL — a prévia aparece na hora e tudo fica no seu dispositivo.

Abrir o Markdown Viewer