appuyez sur ⌘K pour changer d’outil
TEXT

Aperçu Markdown

Écrivez du Markdown et prévisualisez avec rendu en temps réel.

local
markdown-preview

Rendered locally and sanitized with DOMPurify. Nothing is sent anywhere.

§01 À PROPOS DE CET OUTIL

Présentation

Un éditeur Markdown en deux volets : saisissez dans le volet de gauche et celui de droite affiche immédiatement le résultat rendu. L’analyse est assurée par marked et chaque rendu est assaini par DOMPurify, de sorte que du HTML intégré ne peut pas injecter de script dans la page. Utile pour rédiger un README, vérifier le rendu d’un extrait ou déboguer une syntaxe Markdown.

Utilisation

  1. Saisissez ou collez dans le volet Markdown — il démarre avec un petit document d’exemple.
  2. Regardez le volet Preview se mettre à jour à chaque frappe.
  3. Itérez jusqu’à ce que la sortie convienne, puis copiez votre source depuis le volet de gauche.

Exemples

  • **gras** et _italique_ → du texte gras et italique dans l’aperçu
  • `code en ligne` et les blocs délimités par ``` s’affichent en police à chasse fixe
  • [liens](https://example.com), # titres et - éléments de liste deviennent des liens cliquables, des titres et des listes à puces

Remarques

L’aperçu approche l’apparence finale ; GitHub, GitLab et les générateurs de sites statiques appliquent chacun leurs propres CSS et extensions, si bien que les espacements et la syntaxe avancée peuvent différer sur la plateforme de destination. Le HTML brut que DOMPurify juge dangereux est retiré silencieusement de l’aperçu.

FAQ
Mon Markdown est-il envoyé à un serveur ?
Non. Le rendu se fait entièrement dans votre navigateur avec la bibliothèque marked, et le HTML obtenu est assaini par DOMPurify avant affichage. Rien n'est transmis ni conservé.
Est-il prudent de prévisualiser du Markdown de source non fiable ?
La sortie rendue passe par DOMPurify, qui retire les balises script, les gestionnaires d'événements et les autres éléments HTML dangereux avant qu'ils n'atteignent la page. Évitez néanmoins de cliquer sur les liens d'un contenu auquel vous ne faites pas confiance.
Quelle variante de Markdown est prise en charge ?
L'outil utilise marked, qui gère CommonMark ainsi que les extensions GitHub courantes comme les blocs de code délimités et les liens automatiques. Les ajouts propres à une plateforme, tels que les cases à cocher des listes de tâches GitHub, peuvent s'afficher différemment que sur GitHub même.