Sobre o Pré-visualização de Markdown
Escreva Markdown no painel esquerdo e veja-o renderizar à direita em tempo real — sem botão de guardar, sem atualizar a página, sem adivinhações. Títulos, negrito e itálico, ligações, imagens, listas ordenadas e não ordenadas, citações, tabelas, blocos de código e linhas horizontais aparecem exatamente como ficarão, para poder polir um README, um artigo de blogue ou uma resposta de fórum antes de publicar em qualquer lado.
É um bloco de rascunho útil quando o seu editor não tem pré-visualização, quando está a aprender a sintaxe Markdown ou quando quer confirmar a formatação destinada ao GitHub, Reddit, Discord ou a um gerador de sites estáticos. O HTML em bruto na sua entrada é escapado em vez de executado, pelo que conteúdo colado não pode injetar scripts ou estilos na pré-visualização. Tudo renderiza localmente no seu navegador, o que significa que os seus rascunhos nunca saem do seu dispositivo.
Funcionalidades
- Editor e pré-visualização renderizada em direto, lado a lado
- Suporta títulos, listas, tabelas, ligações, imagens e blocos de código
- Pré-visualização atualizada instantaneamente a cada tecla
- HTML em bruto escapado para uma pré-visualização segura
- Ótimo para READMEs, artigos de blogue e documentação
- Renderiza localmente — os seus rascunhos ficam no seu dispositivo
Como pré-visualizar Markdown online
- Escreva ou cole o seu Markdown no painel do editor.
- Veja a pré-visualização renderizada atualizar-se enquanto escreve.
- Ajuste a sintaxe até o resultado ficar como quer.
- Copie o Markdown final para onde ele precisar de ir.
Perguntas frequentes
Que sintaxe de Markdown é suportada?
O núcleo comum: títulos com #, ênfase em negrito e itálico, ligações e imagens, listas ordenadas e não ordenadas, citações, código em linha e blocos de código delimitados, tabelas e linhas horizontais. Se escreve para o GitHub ou para a maioria das plataformas de blogues, tudo o que usa no dia a dia renderiza como esperado.
Porque é que o meu HTML em bruto não renderiza?
Por conceção, as etiquetas HTML no seu Markdown são escapadas e mostradas como texto simples em vez de executadas. Isso impede que conteúdo colado execute scripts ou desfaça a disposição da página. Se a sua plataforma de destino permitir HTML em linha, continuará a funcionar lá — esta pré-visualização apenas joga pelo seguro.
Posso usar isto para escrever um README do GitHub?
Sim — é uma forma rápida de o rascunhar. A sintaxe principal corresponde ao que o GitHub renderiza, incluindo tabelas e blocos de código delimitados. O GitHub acrescenta alguns extras, como caixas de seleção em listas de tarefas e ligações automáticas para issues, por isso dê uma última vista de olhos ao README depois de o publicar.
O meu texto é guardado ou enviado para algum lado?
Não. A renderização acontece inteiramente no seu navegador com JavaScript, pelo que o que escreve nunca é transmitido nem armazenado num servidor. Se fechar ou recarregar o separador, o rascunho desaparece, por isso copie o seu trabalho para um sítio permanente quando terminar uma sessão de escrita.
Porque desaparecem as minhas quebras de linha na pré-visualização?
O Markdown padrão trata uma quebra de linha simples como um espaço e exige uma linha em branco para começar um novo parágrafo. Para forçar uma quebra de linha dentro de um parágrafo, termine a linha com dois espaços ou uma barra invertida. Isto engana quase toda a gente ao início — é o Markdown a comportar-se normalmente, não um erro.