01 / Exemplo
Exemplo
Sua entrada
# Olá
Isto é **importante**.Resultado
<h1>Olá</h1>
<p>Isto é <strong>importante</strong>.</p>Formatação de código / MULTIVERTO
Markdown para HTML
Renderize títulos, listas e ênfase Markdown comuns como HTML.
Conversor interativoSua entrada permanece neste navegador. Nenhum texto é enviado para conversão.
O arquivo permanece no seu navegador.
Encadear ferramentas
Aplique cada ferramenta de texto ao resultado anterior. Fluxos de trabalho com texto ↗
Somente o nome da sequência e a ordem das ferramentas são salvos neste navegador. Sua entrada e seus resultados nunca são salvos.
02 / Guia
Markdown para HTML — Como funciona
O que muda nesta ferramenta
Renderize títulos, listas e ênfase Markdown comuns como HTML. Analisa um subconjunto de entrada documentado e grava a representação de saída correspondente. Cabeçalhos, parágrafos, listas de marcadores, ênfase, blocos de código delimitados e links básicos do Markdown se tornam texto HTML. O HTML bruto na entrada é escapado, o que evita executá-lo na saída. Compare o artigo renderizado se a fonte usa extensões personalizadas ou estruturas aninhadas.
Conheça o formato
Markdown é uma família de convenções de escrita leves; CommonMark define um núcleo cuidadosamente especificado. Este conversor local lida com títulos, parágrafos, listas não ordenadas, blocos de código delimitados, texto em negrito ou itálico, código inline e links básicos da web. HTML bruto em Markdown é escapado em vez de executado.
Um fluxo de trabalho confiável
Converter Markdown em HTML muda a marcação do documento, por isso confira a estrutura gerada além das palavras. Comece com um trecho curto que inclua um título, caracteres não ASCII, uma lista, um link e um bloco de código delimitado. Execute a conversão e inspecione a hierarquia dos títulos, o texto dos links, os destinos e o conteúdo do código. Este conversor cobre um subconjunto documentado do Markdown; extensões não suportadas exigem um renderizador apropriado. No exemplo incorporado, o título “# Olá” vira “<h1>Olá</h1>”, e “Isto é **importante**.” vira “<p>Isto é <strong>importante</strong>.</p>”. Leia a pontuação, bem como as palavras visíveis: essa pequena amostra é um resultado observável desta operação em particular. Altere um elemento importante na entrada e compare o mesmo lugar no resultado. Escreva uma nota Markdown com uma lista não ordenada e um bloco de código delimitado que contenha os sinais < e >. O resultado HTML deve preservar o código como texto em vez de executá-lo como marcação. Compare a hierarquia de títulos renderizada e os destinos de links no navegador que publicará a nota.
Verifique o resultado
Use isso para visualizar um fragmento de artigo escrito com títulos comuns, parágrafos, listas, links e código. Compare o HTML resultante em um navegador e verifique se o HTML bruto na fonte Markdown foi escapado. Extensões como imagens e tabelas não são aproximadas silenciosamente aqui; use um renderizador Markdown com esses recursos se sua fonte depender deles. Mantenha o original ao lado da saída e teste um pequeno exemplo conhecido antes de manipular um documento grande. Compare conteúdo significativo, não apenas o tamanho do arquivo ou o número de linhas. Verifique nomes, strings entre aspas, caracteres não ASCII, terminações de linha e quaisquer campos repetidos após a transformação.
Markdown — Entrada de dados
Ler e transformar estrutura
HTML — Resultado
Explorar guias