Entrée HTML Texte Enrichi
Collez le HTML brut depuis la vue source de votre editeur WYSIWYG
Convertissez le HTML d'éditeur WYSIWYG en Markdown propre — prend en charge 6 éditeurs
Les éditeurs de texte enrichi produisent du HTML rempli de balisage spécifique à l'éditeur — classes propriétaires, attributs de données, styles en ligne et éléments d'encapsulation. Ce HTML est lié à un éditeur et un CMS spécifiques. Le Markdown est l'opposé : un format texte brut portable sur n'importe quelle plateforme, lisible sous forme brute, et qui fonctionne parfaitement avec le contrôle de version (les diffs Git sont propres et significatifs).
Les développeurs et les équipes de contenu migrent vers Markdown pour trois raisons : la portabilité (déplacer le contenu entre plateformes sans reformatage), l'expérience développeur (rédiger la documentation à côté du code dans le même éditeur) et la pérennité (le Markdown de 2004 s'affiche encore parfaitement aujourd'hui ; le HTML lié à un éditeur de 2018 peut ne pas fonctionner).
| Éditeur | Utilisé par | Particularités HTML | Difficulté de Migration |
|---|---|---|---|
| TinyMCE | WordPress Classic, Joomla, Drupal | Classes mce-*, attributs data-mce-*, encapsule le contenu dans <p> | Facile |
| CKEditor 4/5 | Drupal, Magento, applications personnalisées | Classes cke_*, encapsulation d'image <figure>, embeds <oembed> | Facile–Modéré |
| Quill | Applications web modernes, éditeurs style Notion | Classes ql-*, .ql-indent-N, .ql-align-*, <span> imbriqués pour le formatage | Modéré |
| WordPress Gutenberg | WordPress 5.0+ | Commentaires <!-- wp:paragraph -->, classes wp-block-*, classes utilitaires has-* | Modéré |
| UEditor (Baidu) | CMS chinois, applications d'entreprise | Classes list-paddingleft-*, attributs personnalisés _src, suppression de balise style | Facile |
Étape 1 — Exporter. Extrayez le contenu HTML de votre CMS ou éditeur actuel. Pour WordPress, utilisez l'outil d'exportation natif. Pour les applications personnalisées, interrogez directement la base de données. Enregistrez les fichiers HTML bruts — ne modifiez rien pour l'instant.
Étape 2 — Sélectionner et Convertir. Choisissez votre éditeur dans le menu déroulant ci-dessus pour activer les règles de nettoyage spécifiques. Collez le HTML de chaque article et copiez la sortie Markdown. Le convertisseur supprime automatiquement les classes mce-*, cke_*, ql-*, wp-block-*.
Étape 3 — Valider. Vérifiez par sondage le Markdown converti. Les images doivent utiliser la syntaxe . Les listes doivent avoir une indentation cohérente. Les blocs de code doivent utiliser des délimiteurs ```. Les tableaux doivent s'afficher correctement dans votre aperçu Markdown.
Étape 4 — Importer. Déposez les fichiers .md dans votre générateur de site statique (Hugo, Jekyll, Astro, Next.js, VitePress). Ajoutez le frontmatter en haut de chaque fichier pour le titre, la date et les tags.
Le Markdown n'est pas toujours le bon choix. Si votre contenu repose sur des mises en page de tableau complexes (colspan/rowspan), des embeds HTML personnalisés ou un style en ligne précis, la conversion perdra en fidélité. Dans ces cas, conservez le HTML et utilisez un CMS qui affiche le HTML brut aux côtés du Markdown — la plupart des générateurs de sites statiques prennent en charge les deux.
Selectionnez votre type d'editeur dans le menu deroulant, passez en vue Source/HTML de votre editeur, copiez le HTML brut et collez-le ici. Le convertisseur supprime le balisage specifique a l'editeur (mce-* de TinyMCE, cke_* de CKEditor, ql-* de Quill, commentaires de blocs WordPress, classes de remplissage UEditor) et produit du Markdown propre.
TinyMCE, CKEditor 4/5, Quill, Editeur de Blocs WordPress (Gutenberg) et Editeur Classic, UEditor (Baidu) et HTML generique/inconnu. Chacun dispose de regles de nettoyage personnalisees. Si votre editeur n'est pas dans la liste, "HTML Generique" produit quand meme de bons resultats avec la conversion standard Turndown.js.
Oui. Selectionnez "WordPress" dans le menu deroulant de l'editeur. Le convertisseur supprime les commentaires de blocs <!-- wp:... -->, les classes wp-block-* et les styles en ligne de la sortie Gutenberg et Classic Editor. Le Markdown obtenu fonctionne directement avec Hugo, Jekyll, Astro et d'autres generateurs de sites statiques.
Assurez-vous d'avoir selectionne le bon editeur dans le menu deroulant. Chaque editeur a des regles de nettoyage specifiques. Si vous selectionnez "HTML Generique", aucun nettoyage specifique n'est applique. Passez a votre editeur reel et le convertisseur supprimera son balisage proprietaire.
Pandoc est un outil en ligne de commande puissant mais n'a aucune connaissance du balisage specifique aux editeurs -- il ne peut pas supprimer les classes mce-item de TinyMCE ou les attributs ql-indent de Quill. Cet outil ajoute un pretraitement adapte a l'editeur avant la conversion HTML vers Markdown, et il fonctionne dans votre navigateur sans aucune configuration.
Les images sont converties en syntaxe , en preservant les attributs originaux src et alt. Les medias integres (oEmbed, iframes) sont convertis en lien Markdown pointant vers l'URL du media. Vous devrez peut-etre remplacer manuellement les URLs temporaires ou CDN par vos chemins d'images finaux apres la migration.