Markdown to HTML Converter
Transform Markdown text into production-ready HTML code with live preview support.
Transform Markdown text into production-ready HTML code with live preview support.
Markdown é uma linguagem de marcação leve criada por John Gruber em 2004 para permitir que escritores produzam HTML estruturado usando convenções de texto simples: caracteres hash para títulos, asteriscos para ênfase, hífens para listas, blocos recuados para código. O formato se tornou o padrão para arquivos README, documentação técnica, rascunhos de blogs, geradores de sites estáticos e qualquer contexto onde a escrita deva ser legível como texto simples e como saída renderizada. Converter Markdown em HTML é a etapa de renderização que transforma a fonte em uma página da web.
Este conversor usa a biblioteca marcada, o renderizador Markdown mais amplamente adotado em JavaScript. Marked oferece suporte a CommonMark e GitHub Flavored Markdown (GFM), o que significa que tabelas, blocos de código protegidos, listas de tarefas, tachado e link automático funcionam corretamente, além dos recursos padrão do Markdown.
A saída é HTML simples – tags semânticas para títulos, parágrafos, listas, links e imagens, além de ganchos de classe para blocos de código onde as ferramentas de realce de sintaxe os esperam. A saída é colada de forma limpa em qualquer CMS, incorporada em geradores de sites estáticos ou serve como .html independente. Nenhum CSS ou JavaScript é adicionado; o estilo do resultado é deixado para o seu contexto posterior.
Markdown é o formato preferido pelos escritores e desenvolvedores; HTML é o formato que os navegadores renderizam. A maioria dos geradores de sites estáticos e plataformas CMS convertem Markdown em HTML nos bastidores, mas às vezes você precisa da conversão como uma etapa independente - colar em um CMS que não tem suporte para Markdown, gerar HTML para e-mails, produzir uma visualização rápida ou extrair a saída renderizada para processamento posterior.
HTML também é o formato canônico para qualquer conteúdo que será exibido em um navegador. Boletins informativos por e-mail criados a partir de rascunhos do Markdown, páginas de documentação incorporadas em aplicativos HTML maiores e postagens de blog coladas em editores que esperam que o HTML se beneficie de uma conversão limpa.
Cole Markdown, obtenha HTML.
Marcado usa uma arquitetura de duas passagens. O lexer tokeniza a entrada em tokens de nível de bloco (títulos, parágrafos, listas, blocos de código) e tokens embutidos (ênfase, links, imagens). O analisador percorre o fluxo de token e emite HTML, aplicando ganchos de renderização para cada tipo de token.
As extensões Markdown com sabor do GitHub são habilitadas por padrão: tabelas (usando sintaxe de pipe), blocos de código protegidos (crases triplos com dicas de idioma), listas de tarefas (- [] e - [x]), tachado (usando tils duplos) e link automático de URL. Os blocos de código emitem código pré-envolvido com classe de linguagem opcional para realce de sintaxe downstream.
A sanitização da produção é deixada para os consumidores a jusante. Marcado emite tudo o que a entrada produz, incluindo HTML bruto incorporado no Markdown. Se você aceitar entradas não confiáveis, execute a saída por meio do DOMPurify ou de um desinfetante HTML semelhante antes de renderizar em um navegador.