TEXT.04 MARKDOWN PREVIEW

Editor de prévia Markdown

Os atalhos de formatação ficam ao lado do editor de origem; prévia, HTML e texto puro compartilham o painel de resultados.

MARKDOWN

Origem

Análise Marked + limpeza DOMPurify · nunca enviado nem salvo

OUTPUT

Resultado ao vivo

Sincronizar rolagem da origem

§ 01

Do código-fonte Markdown a um resultado útil em dois painéis

Digite ou abra um arquivo

Escreva, cole ou leia um arquivo Markdown ou de texto local. Os atalhos inserem a sintaxe comum ao redor da seleção.

Escolha o tipo de resultado

A prévia verifica o layout, HTML serve para CMS ou páginas e o texto puro extrai conteúdo legível. Todos vêm da mesma renderização segura.

Copie ou baixe

As ações à direita seguem a aba ativa: a prévia baixa um documento HTML completo, HTML baixa um fragmento e o texto puro baixa texto.

§ 02

A prévia ao vivo encontra problemas antes da publicação

O código-fonte Markdown é legível, mas o alinhamento de tabelas, listas aninhadas, blocos de código e links são mais fáceis de verificar depois da renderização. A prévia dividida mantém alteração e resultado no mesmo campo de visão.

Esta página ativa GitHub Flavored Markdown com tabelas, listas de tarefas, tachado e links automáticos. O HTML original passa pelo DOMPurify para que scripts, atributos perigosos e protocolos inseguros não entrem na prévia.

§ 03

Sintaxe Markdown comum

Uso

Sintaxe

Resultado

Título

# Título

Nível um; acrescente cerquilhas para níveis inferiores

Ênfase

**negrito** e *itálico*

Palavras destacadas

Link

[texto](endereço)

Link clicável

Citação

> conteúdo citado

Bloco de citação

Código

Três crases ao redor do conteúdo

Bloco de código que preserva a formatação

Tarefa

- [ ] pendência

Lista de tarefas GFM

Tabela

Barras entre colunas

Tabela GFM

§ 04

Análise Markdown e segurança de HTML são tarefas diferentes

Um analisador Markdown converte a sintaxe em HTML, mas não torna uma entrada arbitrária segura por si só. Esta página usa um sanitizador dedicado antes de inserir o resultado no DOM.

O conteúdo do editor existe somente na memória da página atual. Não há salvamento automático nem histórico; atualizar restaura o exemplo, então baixe Markdown ou copie o resultado quando quiser guardá-lo.

§ 05

Perguntas frequentes

Q1Quais sintaxes Markdown são compatíveis?

Markdown comum, tabelas GFM, listas de tarefas, tachado, links automáticos, blocos de código cercados e um subconjunto sanitizado do HTML original.

Q2Por que limpar o HTML renderizado?

Markdown pode conter HTML original. O DOMPurify remove scripts, atributos de eventos e URLs perigosas para impedir a execução de código não confiável na prévia.

Q3O conteúdo é salvo automaticamente?

Não. Conforme solicitado, a página não usa LocalStorage nem histórico. Atualizar restaura o exemplo; copie ou baixe o que quiser manter.

Q4Qual é a diferença entre Prévia, HTML e Texto puro?

A prévia mostra o layout final, HTML exibe o fragmento de marcação sanitizado e o texto puro extrai as palavras legíveis desse resultado.

Q5Posso abrir um arquivo Markdown local?

Sim. O FileReader lê o arquivo localmente sem enviá-lo, e você também pode arrastá-lo para o editor de origem.