Aller au contenu principal
Balisage

Visionneuse Markdown vers HTML

Importez, collez ou saisissez du Markdown, convertissez-le avec Marked en mode GFM, assainissez le HTML avec DOMPurify, prévisualisez-le puis copiez le HTML propre. Idéal pour rédacteurs techniques, blogueurs et développeurs qui publient du contenu Markdown vers CMS ou emails. Rendu sécurisé, standard GFM.

Outils Markdown

En bref

Marked analyse le Markdown GFM et une politique DOMPurify auditée retire scripts, formulaires, images, styles, SVG, embeds et URL dangereuses avant aperçu ou copie.

Fonctionnalités prises en charge

  • Lit du texte saisi, collé ou importé depuis .md/.markdown, puis l’analyse avec Marked en mode GFM et sans convertir chaque simple retour en saut forcé.
  • Conserve titres, paragraphes, emphase, listes, citations, code, tableaux et liens sûrs autorisés par la politique DOMPurify.
  • Retire script, style, iframe, formulaires, images, SVG/MathML, embeds, métadonnées, style inline, srcset et schémas URI interdits.
  • Rend un aperçu direct ou manuel, force les liens conservés dans un nouvel onglet avec noopener/noreferrer et copie la chaîne HTML assainie.

Comment utiliser Visionneuse Markdown vers HTML

Suivez ce flux propre à Visionneuse Markdown vers HTML ; chaque étape correspond aux commandes et limites réelles de l’espace de travail dans le navigateur.

  1. 1

    Étape 1

    Fournir la source exacte

    Saisissez ou collez le Markdown, importez un fichier .md/.markdown ou chargez l’exemple fourni.

  2. 2

    Étape 2

    Choisir l’opération

    Gardez Live pour convertir immédiatement ou désactivez-le pendant la saisie puis lancez le rendu.

  3. 3

    Étape 3

    Configurer les options disponibles

    Laissez Marked analyser la syntaxe GFM et DOMPurify appliquer la politique restrictive du projet.

  4. 4

    Étape 4

    Exécuter l’opération locale

    Inspectez l’aperçu, surtout liens, tableaux, blocs de code et HTML brut éventuellement retiré.

  5. 5

    Étape 5

    Vérifier puis continuer

    Copiez le HTML assaini puis testez-le encore dans le sanitizer et la feuille de style de la destination.

Erreurs fréquentes

Attendre l’affichage d’images ou de formulaires intégrés

Conséquence: La politique interdit volontairement img, form, input, button, iframe, SVG, MathML, style et autres éléments actifs ou réseau.

Correction: Hébergez les ressources approuvées séparément et ajoutez-les uniquement dans une destination dotée d’une CSP revue.

Croire que l’apparence de l’aperçu est copiée avec le HTML

Conséquence: La typographie vient du CSS prose de l’application ; la copie contient le balisage, pas ces styles.

Correction: Prévisualisez la copie sous la feuille de style finale avant publication.

Considérer cet assainissement comme une protection permanente

Conséquence: La destination peut transformer, concaténer ou réassainir le HTML selon une autre politique.

Correction: Assainissez toujours à la frontière finale de confiance et traitez cette sortie comme un artefact intermédiaire.

Bonnes pratiques

  • Gardez le Markdown brut comme source éditable et régénérez le HTML plutôt que de le modifier à la main.
  • Contrôlez chaque lien sortant ; rel protège l’ouverture, mais ne garantit pas le site visé.
  • Testez titres, listes, tableaux et code dans le moteur final car dialecte Markdown et CSS peuvent diverger.

Flux de travail liés

Limites du navigateur

  • Le comportement Marked GFM n’est pas un oracle CommonMark octet pour octet ; extensions et HTML brut peuvent différer ailleurs.
  • Images et éléments actifs/réseau sont supprimés ; pas de coloration syntaxique, export fichier, modèle ni politique de sanitizer réglable.
  • Analyse et assainissement sont synchrones sur le thread principal ; un document très long peut interrompre l’édition.

Ressources de référence

Spécification CommonMark 0.31.2Éditeur: CommonMark · Révisé: 2026-07-26Documentation et recommandations de sécurité de MarkedÉditeur: Projet Marked · Révisé: 2026-07-26Documentation de sécurité de DOMPurifyÉditeur: Cure53 · Révisé: 2026-07-26

Exemples concrets

Entrée
# Notes de version **Prêt** pour révision.
Résultat
Un titre et un paragraphe sont prévisualisés ; le même HTML assaini est copiable.

Marked émet ces deux éléments et DOMPurify les conserve car ils ne contiennent aucun attribut ou schéma interdit.

Questions fréquentes

Pourquoi mon image Markdown disparaît-elle ?

La politique commune interdit img afin d’éviter requêtes réseau et contenus embarqués non fiables.

Le HTML brut est-il accepté dans le Markdown ?

Marked peut le lire, puis DOMPurify retire les balises/attributs interdits et garde seulement le profil HTML sûr.

Que deviennent les liens Markdown ?

Les cibles http, https, mailto, relatives, racine et fragment peuvent rester ; chaque ancre reçoit target=_blank et rel=noopener noreferrer.

Puis-je copier le CSS de l’aperçu ?

Non. La copie renvoie uniquement la chaîne HTML assainie, sans classes prose ni thème de l’application.

Puis-je rendre du Markdown non fiable en production avec cela ?

C’est une politique locale utile, mais la production exige assainissement à sa frontière finale, CSP, mises à jour et tests de régression.

Confidentialité et fonctionnement hors ligne

La source Markdown et le HTML assaini restent dans ce navigateur. Les fichiers ne sont lus qu’après sélection et le traitement fonctionne hors ligne après cache ; seule une copie explicite transmet le contenu.