Nouplo

Converter Markdown para HTML

Escreva em Markdown e cole o HTML onde quiser. A conversão é local, então o seu rascunho fica no seu aparelho.

Resultado
Cole ou digite acima para ver o resultado aqui.

Seus arquivos ficam no seu dispositivo

Esta ferramenta roda inteiramente no seu navegador. O que você cola é processado no seu dispositivo e nunca é enviado a um servidor, então é seguro usar com tokens, chaves e textos não publicados.

Exemplo

Receita de bolo de fubá escrita em Markdown e colada como HTML no WordPress

Uma blogueira de receitas escreve no celular em Markdown, que é mais rápido, e publica no WordPress. O texto tem um título com ##, uma frase com negrito e itálico, os ingredientes em lista com -, o modo de preparo numerado, uma tabela de tempos de forno, uma dica com > e um link para outra receita: 521 caracteres.

  1. Cole o texto e o resultado aparece na hora. Sai um fragmento de 775 caracteres, sem cabeçalho de página e sem estilo.
  2. Acentos, o ç e o ° de 180 °C passam como estão, sem códigos no lugar das letras.
  3. No WordPress, cole num bloco «HTML personalizado», ou na aba Texto do editor clássico, e veja a prévia: o post herda as fontes e as cores do tema.
No Markdown Vira no HTML
## Bolo de fubá da vó Nair título h2
**uma forma de 24 cm** strong (negrito)
_40 minutos_ em (itálico)
- 3 ovos lista ul, um li por ingrediente
1. Bata os ovos… lista numerada ol
| Forma | Tempo | table, com thead e tbody
> Dica: sirva com café coado na hora. blockquote com um parágrafo
[a receita de pão de queijo](https://exemplo.com.br/pao-de-queijo) link a, com o endereço no href

O HTML sai pronto para copiar com o botão ou para baixar como .html. Como não leva estilo, a tabela de tempos aparece com o visual que o tema do blog dá às tabelas, e o link abre a outra receita.

Como funciona

  1. Cole ou digite Markdown na caixa de entrada. São aceitos títulos, listas, links, imagens, blocos de código, citações, tabelas e ênfases.
  2. O resultado aparece enquanto você digita. A saída é um fragmento de HTML, sem as tags <html> ou <body>, pronto para colar em uma página ou no editor do CMS.
  3. Copie o HTML com o botão de copiar, ou baixe como arquivo .html.
  4. Cole na visualização de HTML do WordPress, do Ghost, de uma ferramenta de newsletter ou do seu próprio modelo.

Perguntas frequentes

Qual sintaxe de Markdown é aceita?
CommonMark mais as extensões mais comuns: blocos de código cercados com classe de linguagem, tabelas, texto riscado e listas de tarefas. HTML puro dentro do Markdown fica quando é marcação comum (div, span, details, img, tabelas); scripts, estilos, iframes, formulários, atributos de evento como onclick, com ou sem aspas, e links javascript: são retirados.
O HTML é seguro para colar no meu site?
Sim: a saída passa por uma lista de tags e atributos permitidos. Saem scripts, iframes, formulários, atributos de evento (onclick, onerror…) com aspas duplas, simples ou sem aspas, e links javascript:, vbscript: e data: — só imagens PNG, JPEG, GIF ou WebP embutidas ficam. Mesmo assim, revise Markdown de origem desconhecida antes de publicar.
A saída inclui CSS ou uma página completa?
Não. Você recebe um fragmento simples com tags semânticas (h1, p, ul, pre, code, table) e sem estilo, então ele herda a aparência do lugar onde for colado. Envolva no seu próprio modelo se precisar de uma página independente.
Uma quebra de linha vira quebra no HTML?
Não: dentro de um parágrafo, uma quebra simples vira um espaço, como manda o CommonMark, e só uma linha em branco começa um parágrafo novo. Para forçar a quebra no meio do parágrafo, termine a linha com dois espaços ou com uma barra invertida.
Os acentos saem certos?
Saem como estão: «fubá», «ç» e «°» vão para o HTML como letras, não como códigos, e aparecem certos em qualquer página em UTF-8, que é o padrão do WordPress e dos CMS atuais.
Meu texto é enviado para algum lugar?
Não. O Markdown é interpretado e renderizado por JavaScript dentro da própria página. Nada é enviado para servidor nenhum e funciona offline.
Quais são os limites do plano gratuito?
O plano gratuito permite 5 operações por dia. O Pro remove esse limite.

Ferramentas relacionadas