Saltar para o conteúdo principal
LibraTool logoLibraTool

Conversor de Markdown para HTML grátis

Converta Markdown em HTML limpo com visualização ao vivo. Use a visualização de origem para copiar HTML pronto para colar para blogs, CMSes ou modelos de e-mail.

Funciona offline depois de carregado
O HTML aparecerá aqui…

Usos comuns

  • Publicar Markdown em um CMSConverta notas do Markdown em HTML para colar em CMS que aceitam apenas HTML.
  • Construir Conteúdo de Email HTMLConverta Markdown em HTML para emails transacionais e newsletters.
  • Pré-visualize Arquivos README LocalmenteCole seu README.md para ver como será renderizado no GitHub, GitLab ou npm.
  • Gerar Conteúdo de Página para Sites EstáticosConverta conteúdo do corpo do Markdown em HTML para sites estáticos feitos manualmente ou páginas únicas.
  • Construir HTML de DocumentaçãoConverta documentação interna do Markdown em HTML para incorporar em aplicativos, centros de ajuda ou bases de conhecimento.

Como funciona

A conversão é feita inteiramente no seu navegador por um analisador Markdown escrito à mão — sem biblioteca de terceiros, sem pedido a servidor. O analisador percorre a fonte linha por linha, aplicando regras ao nível de bloco (títulos, listas, tabelas, código delimitado) e depois uma segunda passagem de padrões regex inline para negrito, itálico, links, imagens, e código inline.

  1. 1
    Estrutura de bloco analisada primeiro
    O analisador lê o Markdown bruto linha por linha, identificando construções ao nível de bloco: blocos de código delimitados (com classe de idioma opcional), títulos ATX (# a ######), citações em bloco, listas ordenadas e não ordenadas incluindo caixas de verificação de lista de tarefas GFM, tabelas GFM com alinhamento de coluna, regras horizontais, e parágrafos que unem corretamente linhas de continuação com quebra suave.
  2. 2
    Padrões inline aplicados dentro de cada bloco
    Depois de o texto de cada bloco ser escapado em HTML, uma cadeia regex em parseInline() transforma a sintaxe inline: imagens e links (com lista branca de esquema de URL que remove hrefs javascript: e data:), **negrito**, *itálico*, ~~rasurado~~, e código inline — nessa ordem de precedência.
  3. 3
    Saída HTML ao vivo com alternador de pré-visualização
    A string HTML é recalculada via useMemo a cada tecla, para que o painel direito atualize instantaneamente. Um alternador muda entre a vista de fonte HTML bruta e uma pré-visualização renderizada usando o próprio motor de layout do navegador.
  4. 4
    Três opções de saída incluindo cópia de texto rico
    Você pode copiar a marcação HTML bruta, baixar um arquivo .html completo e autônomo com DOCTYPE e meta tag de charset, ou usar 'Copiar texto rico' — que escreve tanto os tipos MIME text/html como text/plain na área de transferência via o ClipboardItem da Clipboard API, para que o resultado formatado cole diretamente no Gmail, Google Docs, ou Word sem passos extras.

Ferramentas relacionadas

Perguntas frequentes