Ir para o conteúdo principal
Bethemesh
Texto e escrita

Markdown para HTML

Transforme títulos, ênfases, links, listas, citações e blocos de código Markdown em HTML localmente.

  • Área de transferência
  • Exportar
Automatizar

Integrar este widget

Personalize o resultado, verifique a pré-visualização e copie o código.

Pré-visualização

Tipo de código de integração

Código a copiar

Responsivo e redimensionado automaticamente pela Bethemesh.

Esta ferramenta foi útil?

Como funciona esta ferramenta?

Converta um texto Markdown em código HTML limpo, pronto a colar num CMS, numa newsletter, numa página estática ou num modelo de e-mail. Títulos, parágrafos, listas, citações, tabelas, blocos de código, ligações e imagens tornam-se as etiquetas HTML correspondentes. A conversão é feita no navegador, sem enviar o conteúdo.

O conversor aplica as regras habituais do CommonMark: # a ###### dão <h1> a <h6>, as linhas consecutivas formam um só <p>, as listas com marcadores dão um <ul> e as numeradas um <ol> (com o atributo start se a lista não começar em 1). As citações passam a <blockquote>, os blocos entre ``` a um <pre><code> com a classe language-… e as tabelas ao estilo do GitHub a um <table> com <thead> e <tbody>.

No texto, **negrito** e __negrito__ dão <strong>, *itálico* e _itálico_ dão <em>, `código` dá <code>, [texto](endereço) uma ligação e ![texto](imagem) uma imagem. O conteúdo do código em linha mantém-se tal como está: os asteriscos de `a*b*c` não passam a itálico.

Os caracteres especiais (<, >, &, aspas) são escapados, pelo que um HTML escrito na origem aparece como texto em vez de ser copiado. Os endereços javascript:, vbscript: ou data: nunca são colocados numa ligação ou imagem: só o texto é mantido.

Como usar esta ferramenta

  1. Cole o Markdown

    Escreva ou importe o texto no campo «Markdown de origem».

  2. Converta

    Inicie a conversão: cada bloco passa a uma etiqueta HTML na sua própria linha.

  3. Copie o HTML

    Copie ou exporte o código e confirme o resultado na página de destino.

Casos de uso

Publicar num CMS

Escreva em Markdown e cole o HTML num editor que só aceita código HTML.

Preparar uma newsletter

Transforme um rascunho Markdown em HTML para uma ferramenta de envio de e-mails.

Alimentar um Pipeline

Encadeie formatação, conversão e exportação num tratamento automático.

Exemplos

Título, parágrafo e lista

As duas linhas do parágrafo são reunidas num só <p>.

Entrada

## Instalação

Execute o comando
`npm install` e reveja.

1. Transferir
2. Instalar

Resultado

<h2>Instalação</h2>
<p>Execute o comando <code>npm install</code> e reveja.</p>
<ol>
<li>Transferir</li>
<li>Instalar</li>
</ol>

Tabela

A linha de hífenes por baixo do cabeçalho indica que se trata de uma tabela.

Entrada

| Ferramenta | Preço |
| --- | --- |
| Bethemesh | 0 € |

Resultado

<table><thead><tr><th>Ferramenta</th><th>Preço</th></tr></thead><tbody><tr><td>Bethemesh</td><td>0 €</td></tr></tbody></table>

Dicas e boas práticas

  • O HTML produzido não tem estilos: o aspeto depende da folha de estilos do site onde o colar.
  • Os caminhos relativos das imagens (img/logo.png) são copiados tal como estão: confirme que também existem no site de destino.
  • Para ver o resultado antes de copiar o código, use a Pré-visualização Markdown; para a conversão inversa, use HTML para Markdown.

Fontes e referências

Perguntas frequentes

Que elementos Markdown são convertidos?

Títulos, parágrafos, listas com marcadores e numeradas, citações, separadores, blocos de código, tabelas, negrito, itálico, código em linha, ligações e imagens.

O HTML é seguro?

Os caracteres especiais são escapados e os endereços javascript:, vbscript: e data: são descartados. Mesmo assim, reveja o código antes de o inserir num site, como qualquer conteúdo externo.

São suportadas extensões como caixas de verificação ou notas de rodapé?

Não. Ficam como texto. Das extensões do GitHub só as tabelas são suportadas.

O HTML produzido é uma página completa?

Não, é um fragmento para inserir numa página existente. Para transferir uma página .html autónoma, use a exportação da Pré-visualização Markdown.

O meu texto é enviado para a internet?

Não. A conversão é feita no navegador.

Ferramentas relacionadas

Continue com estas ferramentas

Ferramentas semelhantes ou complementares a esta.

Ferramentas semelhantes

HTML para Markdown

Converta HTML em Markdown legível e portátil, diretamente no navegador.

Texto e escritaUtilizar esta ferramenta

Gerador de Lorem ipsum

Gere texto fictício Lorem Ipsum para maquetas, protótipos e testes de paginação.

Texto e escritaEm destaqueUtilizar esta ferramenta