Aller au contenu principal

Convertisseur Markdown vers HTML — outil gratuit

Convertissez du Markdown en HTML propre avec aperçu en direct. Utilisez la vue source pour copier du HTML prêt à coller pour les blogs, CMS ou modèles d'e-mail.

Fonctionne hors ligne une fois chargé
La sortie HTML apparaîtra ici…

Utilisations courantes

  • Publier Markdown dans un CMSConvertissez les notes Markdown en HTML à coller dans les CMS qui n'acceptent que HTML.
  • Créer du Contenu d'E-mail HTMLConvertissez Markdown en HTML pour les e-mails transactionnels et les infolettres.
  • Aperçu des Fichiers README LocalementCollez votre README.md pour voir comment il sera rendu sur GitHub, GitLab ou npm.
  • Générer le Contenu des Pages pour les Sites StatiquesConvertissez le contenu du corps Markdown en HTML pour les sites statiques créés à la main ou les pages uniques.
  • Créer du HTML de DocumentationConvertissez la documentation Markdown interne en HTML pour l'intégrer dans les applications, les centres d'aide ou les bases de connaissances.

Comment ça marche

La conversion se fait entièrement dans votre navigateur par un analyseur Markdown écrit à la main — sans bibliothèque tierce, sans requête serveur. L'analyseur parcourt la source ligne par ligne, appliquant des règles de niveau bloc (titres, listes, tableaux, code délimité) puis une seconde passe de motifs d'expression régulière en ligne pour le gras, l'italique, les liens, les images, et le code en ligne.

  1. 1
    La structure de bloc est analysée en premier
    L'analyseur lit le Markdown brut ligne par ligne, identifiant les constructions de niveau bloc : blocs de code délimités (avec classe de langage optionnelle), titres ATX (# à ######), citations, listes ordonnées et non ordonnées incluant les cases à cocher de liste de tâches GFM, tableaux GFM avec alignement de colonnes, règles horizontales, et paragraphes qui joignent correctement les lignes de continuation en retour à la ligne souple.
  2. 2
    Les motifs en ligne sont appliqués à l'intérieur de chaque bloc
    Après que le texte de chaque bloc soit échappé en HTML, une chaîne d'expressions régulières dans parseInline() transforme la syntaxe en ligne : images et liens (avec liste blanche de schéma d'URL qui retire les hrefs javascript: et data:), **gras**, *italique*, ~~barré~~, et code en ligne — dans cet ordre de priorité.
  3. 3
    Résultat HTML en direct avec bascule d'aperçu
    La chaîne HTML est recalculée via useMemo à chaque frappe, si bien que le volet de droite se met à jour instantanément. Une bascule permet de passer entre la vue source HTML brute et un aperçu rendu avec le propre moteur de mise en page du navigateur.
  4. 4
    Trois options de sortie incluant la copie en texte enrichi
    Vous pouvez copier le balisage HTML brut, télécharger un fichier .html autonome complet avec DOCTYPE et balise meta charset, ou utiliser 'Copier en texte enrichi' — qui écrit à la fois les types MIME text/html et text/plain dans le presse-papiers via le ClipboardItem de l'API Clipboard, afin que le résultat formaté se colle directement dans Gmail, Google Docs, ou Word sans étape supplémentaire.

Outils associés

Questions fréquemment posées