Markdown Preview: Editor e Prévia Local

Escreva Markdown e veja a prévia no navegador, com contagem de palavras, títulos e links, e download em .md. A prévia é segura, sem HTML bruto. 100% local.

Revisão técnica: Cesar Gargiulo (segurança da informação)
Valim, o mascote do ValorFinal, representando a categoria Tecnologia

Edição e prévia 100% locais. O Markdown é convertido em elementos seguros e nada é enviado para servidor. HTML bruto é escapado e aparece como texto, e em links só passam https, http, mailto, tel, caminho relativo e âncora.

Prévia

Título do documento

Um parágrafo com negrito, itálico e código.

  • item um
  • item dois

ValorFinal

15 palavras139 caracteres1 títulos1 links

Gostou? Mostre pra todo mundo

Gere um card bonito com a marca do ValorFinal para postar nos Stories ou mandar no WhatsApp. Nada que você digitou aparece no card.

Coloque no seu site

Escreva Markdown na esquerda e veja a prévia à direita, em tempo real, com contagem de palavras, títulos e links. Copie o Markdown, copie o texto limpo ou baixe um arquivo .md. Tudo local.

Como funciona o cálculo

O texto é interpretado em blocos (títulos, listas, código, citações, tabelas) e elementos em linha (negrito, itálico, código, links) e então renderizado como elementos React seguros, sem HTML bruto. Por isso a prévia não executa scripts embutidos no conteúdo.

Para comparar versões de um texto, use o comparador de texto; para formatar blocos de código, o formatador de código.

Referência: CommonMark, inclusive na regra de parênteses balanceados dentro da URL do link. Conversão e prévia locais no navegador, sem HTML bruto.

Limitações

  • Cobre o Markdown essencial, não extensões completas como GFM avançado.
  • HTML bruto não é removido e não é executado: ele é escapado e aparece como texto na prévia, com as tags à vista. Se você escrever <b>oi</b>, a prévia mostra os sinais de maior e menor, não um negrito.
  • Em links, só passam os esquemas https, http, mailto e tel, além de caminho relativo e âncora na própria página. Qualquer outro, incluindo javascript:, data: e vbscript:, vira uma âncora vazia que não leva a lugar nenhum.
  • Tabelas suportam a forma simples com barras verticais.
  • Os títulos da prévia aparecem com o tamanho de cada nível, mas não entram na estrutura de cabeçalhos desta página, que é do portal e não do seu documento.

Guia completo

Markdown: o que é, para que serve e como escrever melhor

Aprenda o que é Markdown, onde ele é usado (README, GitHub, docs, blogs e wikis), a sintaxe básica de títulos, listas, links, tabelas e blocos de código, e quando vale visualizar a prévia.

Coloque a calculadora de Markdown Preview no seu site, de graça

Tem site, blog ou loja virtual? Esta calculadora tem uma versão para incorporar: você copia um código e cola no seu HTML. Sem cadastro, sem mensalidade e sem limite de acessos, e o cálculo acompanha a regra vigente sozinho.

calculadora de Markdown Preview para sitever todas as calculadoras para site

Calculadoras relacionadas

Guias sobre este tema

ValorFinal VIP: Sem anúncios, até 500 cenários salvos e comparação de cenários lado a lado.

Cálculo auditável, com fórmula e fontes transparentes

Atualizado em . Fontes: CommonMark (referência) / MDN.

Processamento local: esta ferramenta roda no seu navegador e nada é enviado a servidores automaticamente.

Como validamos

Referências técnicas

Links externos para o que foi consultado na construção desta página, com a natureza de cada fonte identificada. O conteúdo delas pode mudar sem aviso; em caso de divergência, vale sempre a fonte primária.

Incorpore esta calculadora no seu site (grátis)

Copie e cole o código no seu site. A calculadora se atualiza sozinha. O crédito ao ValorFinal vem junto do código e a gente agradece quem mantém, mas ele é opcional: pode remover sem perder o widget. O link sai com rel="nofollow", ou seja, não transfere autoridade de busca para a gente.

Perguntas frequentes

O que dá para escrever neste editor?

Os elementos mais usados do Markdown: títulos, parágrafos, negrito, itálico, código em linha e em bloco, listas ordenadas e não ordenadas, citações, regra horizontal, links e tabelas simples. A prévia atualiza enquanto você digita.

Meu texto é enviado para algum servidor?

Não. A conversão de Markdown em prévia acontece inteiramente no navegador. Nenhum conteúdo é transmitido, salvo ou registrado.

A prévia é segura contra HTML malicioso?

Sim. A ferramenta converte o Markdown em uma árvore de elementos React, sem inserir HTML bruto na página. Isso elimina o risco de execução de scripts embutidos no texto. Nos links, só passam https, http, mailto, tel, caminho relativo e âncora da própria página; javascript:, data:, vbscript: e qualquer outro esquema viram uma âncora vazia.

Consigo exportar o resultado?

Sim. Você pode copiar o Markdown original, copiar apenas o texto limpo (sem marcação) ou baixar o conteúdo como arquivo .md. Tudo é gerado localmente.

Quais estatísticas a ferramenta mostra?

Contagem de palavras, de caracteres, de títulos e de links detectados no documento. É útil para estimar o tamanho de um texto e conferir a estrutura antes de publicar.

Posso colar HTML dentro do Markdown?

Pode colar, mas o HTML bruto não é removido nem executado: ele é escapado e aparece como texto, com as tags à vista. Escreva <b>oi</b> e a prévia mostra exatamente isso, em vez de um negrito. Use a sintaxe Markdown para formatar. É o que protege contra conteúdo malicioso e mantém a prévia previsível.