Ir para o conteúdo principal
Bethemesh

Pré-visualização Markdown

Pré-visualize localmente um documento Markdown, verifique o resultado, consulte as estatísticas e exporte a fonte ou o HTML gerado.

  • Área de transferência
  • Exportar

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.

Pré-visualização

Estatísticas

0 palavras·0 caracteres

HTML gerado

Esta ferramenta foi útil?

Como funciona esta ferramenta?

Escreva ou cole Markdown e veja de imediato o resultado: títulos, parágrafos, listas, citações, tabelas, blocos de código, ligações e formatações aparecem à medida que escreve. A pré-visualização serve para rever um README, uma nota, uma documentação ou uma mensagem antes de a publicar numa plataforma que interpreta Markdown. Depois pode copiar o HTML produzido ou transferir o documento em .md ou .html, sem que o texto saia do navegador.

O resultado é recalculado a cada tecla. A pré-visualização suporta os elementos mais comuns do CommonMark e as tabelas ao estilo do GitHub: títulos de # a ######, parágrafos (as linhas seguidas formam um mesmo parágrafo), listas com marcadores e numeradas, citações, separadores horizontais, blocos de código entre ``` com indicação da linguagem, código em linha, negrito, itálico e ligações.

Por segurança, o HTML escrito na origem é mostrado como texto e nunca executado. Só as ligações http ou https estão ativas e abrem num novo separador; as imagens remotas não são carregadas na pré-visualização: em vez delas aparece o texto alternativo.

O painel de estatísticas conta as palavras do conteúdo, sem a sintaxe Markdown nem os blocos de código, e os caracteres da origem. A exportação HTML produz uma página completa com codificação UTF-8 e a língua da interface.

Como usar esta ferramenta

  1. Escreva o Markdown

    Escreva no campo «Fonte Markdown» ou importe um ficheiro .md.

  2. Confira a pré-visualização

    Verifique o resultado, o HTML produzido e as estatísticas à medida que escreve.

  3. Copie ou exporte

    Copie o HTML ou transfira o documento em formato Markdown ou HTML.

Casos de uso

Rever um README

Confira títulos, listas e blocos de código antes de publicar a documentação de um projeto.

Preparar uma nota ou um artigo

Escreva em Markdown e verifique a hierarquia dos títulos antes de copiar o texto para um CMS.

Criar uma página HTML simples

Exporte um documento .html autónomo a partir de um rascunho Markdown, por exemplo para umas instruções.

Exemplos

Título, parágrafo e lista numerada

As duas linhas do parágrafo são reunidas, como em qualquer motor compatível com CommonMark.

Entrada

## Instalação

Execute o comando
`npm install` e reveja o resultado.

1. Transferir
2. Instalar

Resultado

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

Tabela

A linha de hífenes por baixo do cabeçalho é obrigatória para que a tabela seja reconhecida.

Entrada

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

Resultado

Uma tabela de duas colunas com os cabeçalhos «Ferramenta» e «Preço».

Dicas e boas práticas

  • Deixe uma linha vazia entre dois parágrafos: uma simples mudança de linha continua o mesmo parágrafo.
  • O resultado final pode variar consoante a plataforma (GitHub, GitLab, um CMS): extensões como caixas de verificação, notas de rodapé ou HTML incorporado não são interpretadas aqui.
  • Para uniformizar a sintaxe antes de publicar, passe primeiro o texto pelo Formatador Markdown.

Fontes e referências

Perguntas frequentes

Que sintaxe Markdown é suportada?

Os elementos comuns do CommonMark (títulos, parágrafos, listas, citações, código, separadores, negrito, itálico, ligações) e as tabelas ao estilo do GitHub. As extensões próprias de algumas plataformas não são reconhecidas.

Posso inserir HTML no meu Markdown?

É mostrado como texto e nunca executado. Assim, um conteúdo colado não pode lançar um script na página.

Porque não aparecem as minhas imagens?

A pré-visualização não carrega recursos remotos, para não contactar servidores de terceiros; em vez disso aparece o texto alternativo da imagem. O conversor Markdown para HTML, pelo contrário, mantém as etiquetas de imagem.

Qual é a diferença em relação a Markdown para HTML?

A pré-visualização mostra o resultado em direto e exporta uma página completa. O conversor produz HTML simples para colar noutro site e pode ser encadeado num Pipeline.

O meu documento fica guardado?

Não. A pré-visualização e as exportações são feitas no navegador; se fechar a página, o texto desaparece.

Ferramentas relacionadas

Ferramentas semelhantes ou complementares a esta.

Ferramentas semelhantes

Formate Markdown para obter uma estrutura mais regular e fácil de rever.

Texto e escritaUtilizar esta ferramenta

Formate HTML ou remova comentários comuns localmente, mantendo espaços do texto e conteúdo dos scripts na remoção de comentários.

Texto e escritaUtilizar esta ferramenta

Analise um texto e obtenha o número de palavras, caracteres, linhas, frases e parágrafos.

Texto e escritaEm destaqueUtilizar esta ferramenta