Entrada HTML Rich Text
Cole o HTML bruto da vista de codigo-fonte do seu editor WYSIWYG
Converta HTML de editores WYSIWYG para Markdown limpo — suporta 6 editores
Os editores de rich text produzem HTML repleto de marcacao especifica do editor — classes proprietarias, atributos de dados, estilos inline e elementos wrapper. Este HTML esta vinculado a um editor e CMS especificos. O Markdown e o oposto: um formato de texto simples que e portavel em qualquer plataforma, legivel em formato bruto e funciona perfeitamente com controlo de versoes (os diffs do Git sao limpos e significativos).
Programadores e equipas de conteudo migram para Markdown por tres razoes: portabilidade (mover conteudo entre plataformas sem reformatar), experiencia de desenvolvimento (escrever documentacao junto ao codigo no mesmo editor) e preparacao para o futuro (Markdown de 2004 ainda renderiza perfeitamente hoje; HTML vinculado a um editor de 2018 pode nao renderizar).
| Editor | Usado Por | Peculiaridades HTML | Dificuldade de Migracao |
|---|---|---|---|
| TinyMCE | WordPress Classic, Joomla, Drupal | Classes mce-*, atributos data-mce-*, envolve conteudo em <p> | Facil |
| CKEditor 4/5 | Drupal, Magento, apps personalizadas | Classes cke_*, wrapper de imagem <figure>, embeds <oembed> | Facil-Moderado |
| Quill | Web apps modernas, editores estilo Notion | Classes ql-*, .ql-indent-N, .ql-align-*, <span> aninhados para formatacao | Moderado |
| WordPress Gutenberg | WordPress 5.0+ | Comentarios <!-- wp:paragraph -->, classes wp-block-*, classes utilitarias has-* | Moderado |
| UEditor (Baidu) | CMS chines, apps empresariais | Classes list-paddingleft-*, atributos personalizados _src, remocao de tags style | Facil |
Passo 1 — Exportar. Extraia o conteudo HTML do seu CMS ou editor atual. Para WordPress, use a ferramenta de exportacao nativa. Para apps personalizadas, consulte a base de dados diretamente. Guarde os ficheiros HTML brutos — nao modifique nada ainda.
Passo 2 — Selecionar e Converter. Escolha o seu editor no menu suspenso acima para ativar regras de limpeza especificas. Cole o HTML de cada artigo e copie a saida Markdown. O conversor remove classes mce-*, cke_*, ql-*, wp-block-* automaticamente.
Passo 3 — Validar. Verifique pontualmente o Markdown convertido. As imagens devem usar sintaxe . As listas devem ter indentacao consistente. Os blocos de codigo devem usar delimitadores ```. As tabelas devem renderizar corretamente na sua pre-visualizacao Markdown.
Passo 4 — Importar. Coloque os ficheiros .md no seu gerador de sites estaticos (Hugo, Jekyll, Astro, Next.js, VitePress). Adicione frontmatter no topo de cada ficheiro para titulo, data e tags.
O Markdown nem sempre e a escolha certa. Se o seu conteudo depende de layouts de tabela complexos (colspan/rowspan), embeds HTML personalizados ou estilizacao inline precisa, a conversao perdera fidelidade. Nestes casos, mantenha o HTML e use um CMS que renderize HTML bruto juntamente com Markdown — a maioria dos geradores de sites estaticos suporta ambos.
Selecione o tipo de editor no menu suspenso, mude para a vista Codigo-fonte/HTML do seu editor, copie o HTML bruto e cole-o aqui. O conversor remove marcacao especifica do editor (mce-* do TinyMCE, cke_* do CKEditor, ql-* do Quill, comentarios de bloco WordPress, classes de padding UEditor) e produz Markdown limpo.
TinyMCE, CKEditor 4/5, Quill, Editor de Blocos WordPress (Gutenberg) e Editor Classico, UEditor (Baidu) e HTML generico/desconhecido. Cada um tem regras de limpeza personalizadas. Se o seu editor nao estiver listado, "HTML Generico" ainda produz bons resultados com a conversao padrao Turndown.js.
Sim. Selecione "WordPress" no menu suspenso de editores. O conversor remove comentarios de bloco <!-- wp:... -->, classes wp-block-* e estilos inline tanto do Gutenberg como do Editor Classico. O Markdown resultante funciona diretamente com Hugo, Jekyll, Astro e outros geradores de sites estaticos.
Certifique-se de que selecionou o editor correto no menu suspenso. Cada editor tem regras de limpeza especificas. Se selecionar "HTML Generico", nenhuma limpeza especifica de editor e aplicada. Mude para o seu editor real e o conversor removera a sua marcacao proprietaria.
O Pandoc e uma ferramenta de linha de comandos poderosa mas nao tem conhecimento de marcacao especifica de editores — nao pode remover classes mce-item do TinyMCE ou atributos ql-indent do Quill. Esta ferramenta adiciona pre-processamento com reconhecimento do editor antes da conversao HTML-para-Markdown e e executada no seu navegador sem qualquer configuracao.
As imagens convertem-se para sintaxe , preservando os atributos src e alt originais. Media incorporada (oEmbed, iframes) e convertida para um link Markdown apontando para o URL da media. Podera precisar de substituir manualmente URLs temporarios ou de CDN pelos caminhos finais das imagens apos a migracao.