Pré-visualização de Markdown

Escreva Markdown e veja-o renderizado enquanto digita, ou copie o HTML. O HTML bruto é mostrado como texto e os links são verificados, por isso nada na pré-visualização pode ser executado.

Exemplos de código

Copie estes exemplos para o seu próprio projeto. Cada um usa apenas a biblioteca padrão da linguagem, por isso não há nada para instalar.

Marque até 3 linguagens com uma estrela para as ver primeiro em todas as páginas de ferramentas.

const text = '# Hello\n\nSome **bold** text <b>raw</b>'

const escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')

const html = escaped
  .split('\n\n')
  .map((block) =>
    block.startsWith('# ')
      ? `<h1>${block.slice(2)}</h1>`
      : `<p>${block.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')}</p>`,
  )
  .join('\n')

console.log(html)

O que faz

Mostra Markdown como uma página renderizada enquanto digita e dá-lhe o HTML. Lê CommonMark e as extensões do GitHub que a maioria dos documentos usa: tabelas, listas de tarefas, rasurado e links automáticos.

Como usar

Digite ou cole Markdown, ou largue um ficheiro de texto.
Escolha Pré-visualização para ver a página renderizada ou HTML para ver o markup. Ative as quebras de linha se um Enter simples deve começar uma nova linha, como nas mensagens de chat.
Copie ou transfira o HTML.

Exemplos

# Olá passa a <h1>Olá</h1> e Texto em **negrito** a Texto em <strong>negrito</strong>. Uma tabela escrita com barras e hífenes passa a ser uma tabela real, e - [x] feito passa a uma caixa marcada.

Bom saber

O HTML bruto da origem é mostrado como texto e nunca transmitido, por isso uma tag script ou um manipulador de eventos em Markdown colado não pode fazer nada.
Só os links web, de e-mail e de telefone e os endereços relativos continuam a ser links. Um link javascript: fica como texto simples.
As imagens nunca são carregadas na pré-visualização. Vê a descrição e o endereço, e o HTML copiado contém a tag de imagem.
O limite é de 100 000 caracteres.

O que a pré-visualização suporta?

CommonMark mais as extensões do GitHub mais usadas: tabelas, listas de tarefas, rasurado e links automáticos. Tudo é convertido no seu navegador.

Perguntas frequentes

Por que o meu HTML bruto aparece como texto?

O HTML bruto em Markdown pode executar scripts, por isso nunca é deixado passar: as tags script e outro markup aparecem como digitados. Use a sintaxe Markdown. O HTML que copia é escapado da mesma forma.

Por que as imagens não carregam?

As imagens nunca são obtidas, para que uma pré-visualização não possa ser usada para o rastrear nem para carregar algo de outro site. Vê a descrição e o endereço como texto simples. O HTML copiado contém a tag de imagem.

Esta ferramenta envia o meu texto para algum lado?

Não. Tudo acontece no seu navegador. O que digita nunca é enviado para os nossos servidores.

Alterações desta ferramenta