QuickATools

Outils développeur · Free browser tool

Prévisualiseur Markdown en direct

Rédigez et prévisualisez la syntaxe Markdown en temps réel. Rendez un HTML propre avec visualisation instantanée sans aucun tracking serveur.

Markdown editor

Split view · compact client-side parser · HTML is escaped before render.

Source

596 chars

Live preview

Markdown Live Previewer

Write GitHub-style notes, README drafts, or AI prompt guides and preview them instantly.

Why this helps

  • See headings, lists, and emphasis as you type
  • Check italics, bold, and strikethrough
  • Keep drafts private — nothing leaves your browser

Inline & block code

Use npm run build for a quick check, or a fenced block:

function greet(name: string) {
  return `Hello, ${name}!`;
}

Tip: Paste a README draft here before you push it.

Links

Read more about CommonMark when you need the full spec.

Frequently Asked Questions

Qu’est-ce que Markdown, et pourquoi tant de docs l’utilisent-elles ?

Markdown est une syntaxe de formatage en texte brut qui permet d’écrire des documents structurés avec des marqueurs simples — # pour les titres, * ou - pour les listes, **gras**, et blocs de code délimités — puis de convertir ce texte en HTML. Il reste lisible à l’état brut, se diff proprement dans git, et est le défaut pour les README GitHub, modèles d’issues et beaucoup de générateurs de sites statiques.

Quelles fonctionnalités Markdown ce prévisualiseur prend-il en charge ?

Il couvre le sous-ensemble du quotidien dont la plupart des brouillons ont besoin : titres ATX (h1–h3), paragraphes, gras/italique/barré, listes non ordonnées et ordonnées, citations, code en ligne, blocs de code délimités, règles horizontales, et liens http(s)/mailto. Il est volontairement compact plutôt qu’un moteur CommonMark/GFM complet — extensions avancées comme tableaux ou listes de tâches sont hors périmètre pour garder le bundle petit.

Comment un aperçu en direct améliore-t-il la productivité de contenu ?

Vous attrapez clôtures cassées, niveaux de titre maladroits et formatage de listes pendant que vous écrivez plutôt qu’après un commit ou une publication CMS. Passer entre Visual Preview et HTML Source aide aussi quand vous avez besoin du markup rendu pour un CMS de blog ou un template e-mail sans deviner l’imbrication des balises.

Mon brouillon est-il uploadé ou stocké quelque part ?

Non. Parsing et rendu tournent entièrement dans votre navigateur. Le HTML brut dans votre saisie est échappé avant l’aperçu pour que les balises collées ne puissent pas s’exécuter, et rien n’est envoyé à un serveur — plus sûr pour runbooks internes, brouillons README non publiés et guides de prompts AI qui ne devraient pas quitter votre machine.

Autres outils utiles

Découvrez d’autres utilitaires gratuits dans le navigateur pour vendeurs, créateurs et professionnels.

Prévisualisez brouillons README et guides de prompts sans quitter votre navigateur

Markdown est le dialecte par défaut pour README GitHub, modèles d’issues, brouillons de blog et bibliothèques de prompts AI — mais la source seule montre rarement si une hiérarchie de titres se lit proprement, si une clôture de code est fermée, ou si une liste se rendra comme attendu. Un aperçu en direct réduit ce flou : tapez d’un côté, voyez le HTML structuré de l’autre, et corrigez le formatage avant de committer ou publier.

Ce prévisualiseur est délibérément léger. Au lieu d’embarquer un gros moteur Markdown, il convertit un sous-ensemble pratique de syntaxe — titres, emphase, listes, citations, code en ligne et délimité, et liens sûrs — avec un parseur compact côté client. Le HTML brut dans votre brouillon est d’abord échappé, donc les balises <script> collées ne peuvent pas s’exécuter dans le panneau d’aperçu.

Comme tout tourne en local, docs inachevées, runbooks internes et guides de prompts ne quittent jamais votre machine. Pas de mur de compte ni d’étape d’upload — ouvrez l’outil, collez un brouillon, basculez entre Visual Preview et HTML Source, puis copiez le markup rendu ou téléchargez un fichier .md.

Couplez avec d’autres utilitaires développeur : vérifiez le contraste de liens ou titres dans le Vérificateur de contraste WCAG, rangez le front matter JSON avec le Formateur et validateur JSON, ou déboguez des regex de documentation dans le Testeur Regex. Pour des snippets encodés dans des docs, utilisez Encoder/décoder Base64.