Pular para o conteúdo

Converter Markdown em HTML

Converte Markdown em HTML com a biblioteca markdown-js, que segue a sintaxe original de John Gruber. HTML bruto no texto de origem é escapado como texto, e extensões do GitHub, como tabelas e blocos de código cercados, não são reconhecidas.

Colar uma seção de README ou uma nota de versão em um campo de CMS que só aceita HTML.

Markdown

Quando usar

  • Colar uma seção de README ou uma nota de versão em um campo de CMS que só aceita HTML.
  • Verificar quais tags HTML um trecho de Markdown básico gera.

Como usar

  1. Cole Markdown no editor da esquerda ou carregue um arquivo .md.
  2. Leia o HTML gerado à direita e confira na pré-visualização abaixo cada título, lista e link.
  3. Copie o HTML; ele contém apenas a marcação do corpo, então adicione seu próprio CSS onde for colá-lo.

Markdown

## Install

Run the **CLI** once:

    npm install -g douni

1. Open the [docs](https://douni.one)
2. Paste your file

| a | b |

HTML

<h2>Install</h2>

<p>Run the <strong>CLI</strong> once:</p>

<pre><code>npm install -g douni</code></pre>

<ol>
  <li>Open the <a href="https://douni.one">docs</a></li>
  <li>Paste your file</li>
</ol>

<p>| a | b |</p>

Detalhes e limitações

A conversão roda no navegador. A saída é um fragmento HTML sem <html>, <head> nem folha de estilos; a pré-visualização o renderiza em um frame isolado com scripts desativados.

Só o Markdown original é suportado. Tabelas com barras verticais, listas de tarefas, ~~tachado~~ e código cercado com ``` ficam como texto; use indentação de 4 espaços para blocos de código.

HTML inline como <div> é escapado para &lt;div&gt;, não é repassado.

Imagens viram tags <img> apontando para a URL original; os arquivos não são incorporados.

FAQ

Por que meus blocos ``` não viram blocos <pre>?

A biblioteca é anterior ao código cercado. Uma cerca é tratada como código inline dentro de um parágrafo. Indente o código com quatro espaços para obter <pre><code>.

Ele suporta tabelas do GitHub Flavored Markdown?

Não. Uma linha como | a | b | é gerada como um parágrafo comum.

Posso manter HTML bruto no meu Markdown?

Não. As tags HTML são escapadas e exibidas como texto no resultado, então um <div> incorporado não será renderizado como elemento.

Especificações e referências