Aperçu Markdown en direct

Collez ou tapez du Markdown et regardez-le se rendre au fur et à mesure. L'aperçu suit votre curseur ligne par ligne, correspond à la sortie de GitHub et ajoute ce que GitHub omet — diagrammes, formules et alertes.

Ouvrir l'aperçu en direct

Gratuit · sans inscription · fonctionne dans votre navigateur, rien n'est envoyé

Markdown Viewer en disposition côte à côte : source Markdown à gauche, aperçu rendu façon GitHub à droite — Disposition côte à côte — la source et l'aperçu rendu l'un à côté de l'autre, avec défilement synchronisé ligne par ligne.

Vérifiez votre Markdown avant de publier

Le Markdown est facile à écrire et facile à rater légèrement : une ligne vide manquante transforme une liste en paragraphe, un espace de trop casse un tableau, quatre espaces deviennent un bloc de code. Un aperçu en direct montre le résultat immédiatement, vous corrigez donc la mise en forme en écrivant plutôt qu'après un commit. Le moteur suit le GitHub-Flavored Markdown : ce que vous voyez ici est ce à quoi ressemblera un README, une page wiki ou la description d'une pull request.

Défilement synchronisé ligne par ligne

La plupart des outils d'aperçu font défiler les deux volets par pourcentage, ce qui dérive dès qu'un document contient un grand tableau ou une image. Cet aperçu associe chaque bloc à sa ligne source, si bien que le paragraphe rendu reste à côté de la ligne que vous modifiez — dans les deux sens. Cliquez sur un titre dans le plan et les deux volets sautent ensemble.

Au-delà du Markdown de base

L'aperçu rend le code délimité avec coloration pour plus de 50 langages, les diagrammes ```mermaid, les formules KaTeX $…$ et $$…$$, les alertes GitHub (> [!WARNING]), les listes de tâches, les notes de bas de page, les codes emoji, le front matter et le HTML inline assaini comme <details>. Passez d'un thème à l'autre parmi 16 pour voir comment le document se lit en clair et en sombre, et choisissez un corps de texte sans empattements, à empattements ou à chasse fixe. Les diagrammes ont leur propre guide : la page éditeur Mermaid en ligne liste tous les types de diagrammes pris en charge.

En action

Formule KaTeX en mode affichage et organigramme Mermaid rendus dans l'aperçu — Les formules KaTeX et les organigrammes Mermaid sont rendus directement dans le document.

Alertes Note, Important, Warning et Caution façon GitHub, une citation et une section details repliable dans le thème GitHub Dark — Alertes façon GitHub, citations et sections <details> repliables, en GitHub Dark.

Blocs de code TypeScript, Python, Bash et diff avec coloration syntaxique, étiquettes de langage et boutons de copie — Les blocs de code ont une étiquette de langage, une coloration syntaxique pour plus de 50 langages et un bouton de copie — ici le thème One Dark.

Le sélecteur de thèmes affichant 16 thèmes clairs et sombres avec des pastilles de couleur — Seize thèmes, chacun avec sa propre palette syntaxique — ou suivez le réglage clair/sombre du système.

Comment ça marche

1
Collez ou tapez du Markdown dans le volet gauche, ou déposez un fichier .md.
2
Le volet droit le rend en direct ; faites défiler l'un ou l'autre côté et l'autre suit.
3
Copiez le HTML rendu, exportez la page ou téléchargez le Markdown quand le résultat vous convient.

Ce que vous obtenez

Rendu instantané

Mise à jour en quelques millisecondes même pour les longs documents.

Fidèle à GitHub

Mêmes règles de syntaxe que les README, issues et wikis de GitHub.

Défilement synchronisé par ligne

L'aperçu et la source restent alignés ; désactivez-le si vous préférez.

Diagrammes et formules

Mermaid et KaTeX sont rendus directement dans l'aperçu.

Thèmes et typographie

16 thèmes, trois familles de polices, taille et largeur réglables.

Aucun envoi

Le rendu se fait dans votre navigateur ; votre texte reste sur votre appareil.

Questions fréquentes

L'aperçu est-il identique à celui de GitHub ?

Il suit le GitHub-Flavored Markdown pour les titres, listes, tableaux, listes de tâches, barré, liens automatiques et alertes. Mermaid, les formules et les notes de bas de page sont aussi rendus, alors que GitHub ne les prend en charge que partiellement.

Puis-je prévisualiser un fichier depuis une URL ?

Oui — Ouvrir → Depuis une URL accepte toute URL Markdown brute, et les liens blob ou Gist de GitHub sont convertis automatiquement en brut.

Puis-je seulement prévisualiser, sans l'éditeur ?

Oui. Choisissez la disposition Aperçu pour une vue de lecture pleine largeur avec le plan latéral.

Le HTML dans le Markdown est-il rendu ?

Oui, le HTML inline courant comme <details>, <kbd>, <img> et <br> est rendu ; les scripts, styles et gestionnaires d'événements sont supprimés par sécurité.

Comment récupérer le HTML rendu ?

Exporter → Copier en HTML place le balisage rendu dans votre presse-papiers ; Télécharger .html enregistre une page complète avec le thème courant.

Outils associés

Prêt quand vous l'êtes

Collez du Markdown, déposez un fichier ou ouvrez une URL — l'aperçu apparaît instantanément et tout reste sur votre appareil.

Ouvrir Markdown Viewer