Markdown para HTML

Converta sintaxe Markdown em código HTML limpo.

<h1>Hello World</h1> <p>This is <strong>bold</strong> and <em>italic</em> text.</p> <ul><li>Item one</li> <li>Item two</li> <li>Item three</li> </ul> <a href="https://usetoolz.app">Visit UseToolz</a> <blockquote>A blockquote example</blockquote> <hr /> <p><code>inline code</code> and:</p> <pre><code>console.log("Hello!"); </code></pre>

Markdown Dentro, HTML Fora — Ao Vivo

Cole ou escreva Markdown à esquerda e o HTML em bruto aparece à direita instantaneamente — sem botão de converter, sem recarregar a página. A saída é HTML simples e sem estilos que pode copiar diretamente para um CMS, um modelo de email ou um site estático. Um exemplo rápido:

MarkdownSaída HTML
## Release Notes<h2>Release Notes</h2>
**bold** and *italic*<strong>bold</strong> and <em>italic</em>
[docs](https://example.com)<a href="https://example.com">docs</a>
- item<ul><li>item</li></ul>

Sintaxe Suportada

ElementoMarkdown
Títulos h1–h6# até ######
Negrito / itálico / rasurado**text** / *text* / ~~text~~
Código inline`code`
Bloco de código delimitado```js … ``` → <pre><code>
Ligação[text](url)
Lista com marcadores- item ou * item
Citação> linha citada
Régua horizontal--- na sua própria linha

Tabelas, listas ordenadas e imagens ainda não são convertidas — essas linhas passam como texto de parágrafo simples, por isso trate-as manualmente ou no seu sistema de destino.

Parágrafos e Quebras de Linha

O conversor segue a lógica de blocos padrão do Markdown: uma linha em branco inicia um novo parágrafo <p>, enquanto uma única quebra de linha dentro de um bloco se torna <br />. Se a sua saída parecer um parágrafo gigante, faltam-lhe linhas em branco entre os blocos — o erro de formatação de Markdown mais comum.

Dicas Práticas

  • Ordene os marcadores de ênfase: escreva **bold** antes de aninhar — ***both*** pode ser interpretado de forma inesperada em casos-limite, como na maioria dos conversores leves.
  • Espaço após o marcador: #Heading (sem espaço) não é um título; # Heading é. O mesmo para -item vs. - item e >quote vs. > quote.
  • Escape primeiro o HTML literal: o conversor não sanitiza a entrada, por isso, se o seu Markdown contém < ou & em bruto que deva aparecer literalmente, passe-o pelo codificador de HTML antes ou depois de converter.

Tudo corre inteiramente no seu navegador — nada é enviado para um servidor. A redigir o próprio conteúdo? Verifique a sua extensão com o contador de palavras ou gere texto de preenchimento com o gerador de lorem ipsum.

Perguntas frequentes

Que sintaxe de Markdown é suportada?
Títulos h1–h6, negrito, itálico, rasurado, código inline, blocos de código delimitados, ligações, listas com marcadores, citações, réguas horizontais e parágrafos com quebras de linha. Tabelas, listas ordenadas e imagens ainda não são convertidas.
Porque é que a minha saída é um grande parágrafo?
Os blocos têm de ser separados por uma linha em branco. Uma única quebra de linha torna-se um <br /> dentro do mesmo parágrafo; só uma linha vazia inicia um novo <p>. Acrescente linhas em branco entre títulos, listas e parágrafos.
Posso pré-visualizar um README do GitHub com isto?
Sim, para a sintaxe central — títulos, ênfase, listas, ligações e blocos de código são renderizados da mesma forma. Extensões específicas do GitHub, como tabelas, listas de tarefas e ligação automática, não são suportadas aqui.
A saída inclui CSS ou estilos?
Não — obtém apenas etiquetas HTML limpas e semânticas (<h2>, <strong>, <ul>, <pre><code> e por aí adiante). Os estilos ficam a cargo da página onde a cola, o que mantém a saída portátil.
O meu texto é carregado para algum lado?
Não. A conversão corre inteiramente no seu navegador sem ida e volta ao servidor — seguro para documentos internos, rascunhos e conteúdo inédito.

Ferramentas relacionadas

Formatador de JSON Codificar / Decodificar Base64 Codificar / Decodificar URL Codificador / Decodificador HTML