Editor Markdown com pré-visualização ao vivo - Exportar HTML
Editor Markdown e pré-visualização
HTML bruto na fonte aparece como texto na pré-visualização, e links javascript: ou data: ficam desativados.
Como escrever Markdown
Markdown é texto puro com algumas convenções de pontuação: uma cerquilha para título, asteriscos para ênfase, um hífen para item de lista. É o que READMEs, wikis, rastreadores de issues e a maioria dos apps de notas entendem. Este editor renderiza o texto enquanto você digita, para que veja a estrutura tomar forma, e exporta HTML limpo quando terminar.
Passos
- 1 Digite ou cole Markdown na caixa da esquerda. A pré-visualização à direita se atualiza a cada tecla.
- 2 Use o exemplo como guia rápido: títulos, negrito e itálico, listas, um bloco de código, uma tabela, uma citação e um link estão todos nele.
- 3 Copie o HTML para um CMS ou template, ou baixe o documento como .md ou como arquivo .html independente.
A sintaxe em um minuto
Títulos: # Título, ## Seção, ### Subseção. Ênfase: **negrito**, *itálico*, ~~tachado~~. Listas: comece as linhas com - ou 1.; recue dois espaços para aninhar. Links: [texto](https://example.com); imagens: . Código em linha vai entre `acentos graves`; um bloco de código é cercado por três acentos graves, opcionalmente seguidos do nome da linguagem. Uma linha de --- desenha uma régua, e uma linha começando com o sinal de maior é uma citação.
Tabelas
Uma tabela é uma linha de cabeçalho, uma linha separadora e linhas de dados, com células divididas por barras verticais: | Nome | Preço |. A linha separadora usa hífens, e dois-pontos em qualquer extremidade define o alinhamento — :--- esquerda, :---: centro, ---: direita. As colunas não precisam estar alinhadas na fonte; o renderizador cuida do espaçamento.
O que a exportação HTML contém
Copiar HTML entrega apenas a marcação do corpo — parágrafos, títulos, listas e tabelas — pronta para colar em uma página com estilos próprios. Baixar .html envolve essa marcação em um documento completo, com um título tirado do seu primeiro cabeçalho e uma pequena folha de estilos, para que o arquivo abra legível em qualquer navegador.
Por que HTML bruto não é renderizado
O Markdown padrão deixa o HTML passar intacto, o que é conveniente mas transforma qualquer documento colado em um meio de executar scripts na página. Esta pré-visualização o escapa em vez disso: uma tag div ou script na fonte aparece como texto. Links com os esquemas javascript: e data: são desativados pelo mesmo motivo. Seu arquivo exportado também fica livre de código injetado.