Softonic

Visualizador de Markdown

Etapa 1 / 2
Próximo

Digite à esquerda, veja a renderização HTML à direita. O visualizador fala Markdown com estilo GitHub: tabelas, listas de tarefas, blocos de código cercados com destaque de sintaxe, tachado, URLs autolinkadas e HTML inline. Útil para redigir um README antes de enviar, verificar como um comentário ficará em um PR ou apenas aprender a sintaxe Markdown observando cada tecla ser renderizada.

Como usar o visualizador

  1. 1

    Escreva Markdown

    O painel esquerdo recebe Markdown bruto. Cada alteração re-renderiza instantaneamente o painel direito.

  2. 2

    Veja a pré-visualização HTML

    O painel direito mostra a saída renderizada estilizada como o GitHub.

  3. 3

    Alternar modo

    Visualização lado a lado, apenas pré-visualização ou apenas fonte para escrita sem distrações.

  4. 4

    Copie o HTML

    Pegue o HTML renderizado se precisar colá-lo em um cliente de email ou CMS.

O que este visualizador suporta

  • CommonMark: cabeçalhos, parágrafos, ênfase, listas, citações, blocos de código, links, imagens, regras horizontais.
  • Extensões GFM: tabelas com alinhamento de coluna, listas de tarefas (- [ ] e - [x]), tachado com ~~, URLs autolinkadas e blocos de código cercados com dicas de linguagem.
  • Destaque de sintaxe: mais de 100 idiomas via highlight.js, JavaScript, Python, Go, Rust, SQL, YAML, etc.
  • HTML bruto: HTML inline é passado (sanitizado para segurança).
  • Matemática (opcional): $...$ inline e $$...$$ bloco se você habilitar a extensão de matemática.

Não suportado

  • Links wikilinks estilo Obsidian personalizados ([[Página]]), esses são exclusivos do Obsidian.
  • Divisões cercadas do Pandoc (:::), exclusivos do Pandoc.
  • Includes do lado do servidor ou tags de template {% ... %}.

Usos típicos

  • Redigir um README fora do IDE e colar a versão final.
  • Verificar a formatação de comentários de PR antes de postar, a caixa de comentários do GitHub não pré-visualiza blocos de código corretamente.
  • Converter notas em HTML quando você precisa colar conteúdo estilizado em um email ou em um CMS que aceita HTML bruto.
  • Ensinar Markdown, a visualização lado a lado torna a sintaxe óbvia.

Desempenho

A renderização usa um parser Markdown-it com o plugin GFM, funcionando inteiramente no navegador. Documentos de algumas centenas de KB renderizam em milissegundos; documentos muito grandes (um livro inteiro em um único arquivo) podem engasgar enquanto você digita, divida-os em capítulos se isso acontecer.

Exportando

  • Copiar HTML obtém o <div> com o conteúdo renderizado, incluindo classes estilizadas.
  • Baixar .md salva a fonte.
  • Imprimir para PDF a partir do diálogo de impressão do seu navegador produz uma cópia PDF estilizada da visualização renderizada.

Perguntas frequentes

O GitHub aplica seu próprio CSS sobre o GFM. A saída HTML deve corresponder; o estilo (fontes, espaçamento) é deles. Para paridade exata, use o alternador de tema “renderizado no GitHub”.

Sim, se você habilitar a extensão de matemática, inline $...$ e bloco $$...$$ renderizam com KaTeX. Está desativado por padrão para manter o peso da página baixo.

É sanitizado, tags seguras como <div>, <span>, <table>, <img> passam; <script> e manipuladores de eventos inline são removidos.

Centenas de KB funcionam suavemente. Para arquivos muito grandes, desative a renderização ao vivo e renderize sob demanda.

A renderização é totalmente do lado do cliente. O conteúdo não é enviado a lugar nenhum. Se você atualizar a página, os rascunhos são perdidos, a menos que o navegador preserve o estado do formulário.

Ferramentas relacionadas

Referência da Tabela ASCII

Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.

Referência de Caracteres HTML

Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.

Referência de atalhos de teclado

Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.

Gerador de EditorConfig

Gere um arquivo .editorconfig com suas regras de estilo e tamanho de indentação, fim de linha, charset e espaços em branco para formatação consistente entre IDEs e editores.

Validador de Email

Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Ferramenta disponível em outros idiomas