Aperçu Markdown

Aperçu Markdown en direct.

Zone de travail

L'interface de l'outil apparaît ici.

Aperçu Markdown : à quoi sert cet outil

Markdown est le format de balisage léger le plus populaire au monde pour la rédaction de documentation technique, fichiers README GitHub, articles de blog statiques (Jekyll, Astro, Hugo, Next.js), notes personnelles (Obsidian, Notion) et commentaires de code. L'éditeur et visualiseur Markdown en ligne de Xorvian vous offre un environnement d'écriture réactif avec aperçu en temps réel directement dans votre navigateur.

L'outil analyse votre syntaxe Markdown instantanément à l'aide du moteur standardisé `marked` et sécurise le flux HTML généré avec `DOMPurify`, garantissant un rendu propre et parfaitement protégé contre toute injection de code malveillant.

L'interface responsive s'adapte à votre confort de travail : sur grand écran (ordinateur et tablette en mode paysage), vous bénéficiez d'une vue scindée côte à côte (éditeur à gauche, aperçu visuel stylisé à droite). Sur smartphone, un système d'onglets ergonomique permet de basculer instantanément entre l'éditeur de texte et l'aperçu formaté.

Deux boutons d'exportation complètent l'interface : « Copier le HTML » pour récupérer le code HTML pur prêt à être inséré dans votre CMS ou page web, et « Télécharger .md » pour sauvegarder votre travail dans un fichier `document.md` sur votre ordinateur. L'intégralité du traitement est réalisée à 100 % localement sans aucun transfert vers un serveur distant.

  • Aucun fichier stocké

    Rien n'est enregistré sur nos serveurs, ni pendant ni après le traitement.

  • Traitement local

    Le calcul s'exécute dans votre navigateur dès que la technologie le permet.

  • Résultat immédiat

    Pas d'attente, pas de file d'export : le résultat s'affiche en direct.

  • Gratuit, sans compte

    Aucune inscription, aucune limite quotidienne, aucune publicité intrusive.

Ce que l'outil vous apporte

  • Aperçu visuel dynamique en temps réel

    Observez le rendu typographique formaté au fur et à mesure de votre frappe sans aucun délai de rechargement.

  • Génération et copie du code HTML assaini

    Exportez en un clic le code HTML brut généré via DOMPurify pour l'intégrer directement dans vos projets web.

  • Téléchargement direct en fichier .md

    Sauvegardez instantanément l'intégralité de votre document sur votre machine au format standard `document.md`.

  • Affichage adaptatif (Vue scindée et Onglets mobiles)

    Profitez d'une vue bicolonne sur bureau et d'une navigation fluide par onglets sur écran tactile mobile.

  • Support complet de la syntaxe CommonMark

    Gérez les titres H1 à H6, listes à puces et numérotées, blocs de code, liens, citations et mise en valeur de texte.

  • Rendu instantané GitHub Flavored Markdown (GFM)

    Rédigez sans distraction, sans publicité intrusive et avec une confidentialité absolue pour vos notes privées.

Exemples concrets

Découvrez la syntaxe Markdown essentielle et le rendu typographique correspondant :

Guide de syntaxe Markdown courante et balises HTML générées
Élément typographiqueSyntaxe MarkdownÉquivalent HTML produit
Titre de niveau 1# Titre principal<h1>Titre principal</h1>
Titre de niveau 2## Sous-titre<h2>Sous-titre</h2>
Texte en gras**Texte en gras**<strong>Texte en gras</strong>
Texte en italique*Texte en italique*<em>Texte en italique</em>
Lien hypertexte[Xorvian](https://xorvian.com)<a href="...">Xorvian</a>
Code en ligne`const x = 10;`<code>const x = 10;</code>
Bloc de citation> Citation importante<blockquote>Citation</blockquote>
Liste à puces- Élément A\n- Élément B<ul><li>Élément A</li>...</ul>
Liste ordonnée1. Premier\n2. Deuxième<ol><li>Premier</li>...</ol>
Options d'exportation disponibles dans l'outil
Bouton d'actionType de sortieUsage recommandé
Copier le HTMLPresse-papiers (Code HTML brut)Collage dans WordPress, CMS ou gabarit web.
Télécharger .mdFichier local (document.md)Archivage local, dépôt GitHub ou logiciel de prise de notes.

Rédaction d'un fichier README.md pour un projet open-source

Un développeur rédige la documentation d'une bibliothèque logicielle. Grâce à la vue côte à côte, il vérifie l'alignement des titres, la coloration des blocs de code et la clarté des listes à puces avant de télécharger le fichier `document.md` pour son dépôt Git.

Conversion d'une note en code HTML pour un article de blog

Une rédactrice web prépare un article en Markdown. Une fois sa rédaction terminée, elle clique sur « Copier le HTML » et colle directement le code propre dans l'éditeur HTML de son CMS, économisant un temps précieux de mise en forme.

Prise de notes rapide en réunion

Un chef de projet prend des notes structurées avec des listes à puces et des citations sur son ordinateur portable. L'aperçu instantané lui permet de s'assurer de la lisibilité de son compte-rendu en temps réel.

Comment utiliser Aperçu Markdown

  1. Rédiger ou coller votre texte Markdown

    Saisissez votre contenu dans la zone « Markdown » à gauche (ou dans l'onglet « Éditeur » sur mobile).

  2. Consulter l'aperçu en direct

    Visualisez le rendu stylisé dans le panneau « Aperçu » à droite (ou dans l'onglet « Aperçu » sur mobile).

  3. Copier le code HTML généré

    Cliquez sur « Copier le HTML » pour copier le code HTML assaini dans votre presse-papiers.

  4. Télécharger le fichier .md

    Cliquez sur « Télécharger .md » pour enregistrer votre document sous le nom `document.md`.

Conseils et erreurs à éviter

Laisser une ligne vide entre les paragraphes

En Markdown, un simple retour à la ligne ne crée pas de nouveau paragraphe : appuyez deux fois sur Entrée pour séparer vos blocs.

Sécurisation automatique DOMPurify

L'outil assainit automatiquement le flux HTML pour neutraliser toute balise script ou comportement malveillant potentiel.

Utiliser des titres hiérarchiques

Respectez l'ordre naturel des titres (# pour H1, ## pour H2, ### pour H3) pour une structure documentaire accessible et optimisée SEO.

Combiner avec le compteur de mots

Pour mesurer la longueur de votre article et son temps de lecture, utilisez notre « Compteur de mots » complémentaire.

À éviter : Oublier l'espace après le dièse (#)

Écrire `#Titre` ne sera pas reconnu comme un titre valide dans la norme CommonMark : écrivez toujours `# Titre` avec un espace.

À éviter : Oublier de télécharger son document avant de quitter

Le traitement s'exécutant dans le navigateur, fermer la page sans télécharger effacera votre texte personnalisé.

À éviter : Mélanger tirets et astérisques dans une même liste

Pour une liste homogène, conservez le même caractère (de préférence le tiret `-`) sur l'ensemble de vos puces.

Questions fréquentes

Les réponses aux questions posées sur Aperçu Markdown.

Outils liés

Les outils utilisés juste après celui-ci.

Mis à jour le août 2026. Voir tous les outils