Aperçu Markdown

Écrivez du Markdown et voyez-le rendu en direct, ou copiez le HTML. Le HTML brut est affiché comme texte et les liens sont vérifiés : rien dans l’aperçu ne peut s’exécuter.

Exemples de code

Copiez ces exemples dans votre propre projet. Chacun n'utilise que la bibliothèque standard du langage : il n'y a rien à installer.

Marquez jusqu'à 3 langages d'une étoile pour les voir en premier sur chaque page d'outil.

const text = '# Hello\n\nSome **bold** text <b>raw</b>'

const escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')

const html = escaped
  .split('\n\n')
  .map((block) =>
    block.startsWith('# ')
      ? `<h1>${block.slice(2)}</h1>`
      : `<p>${block.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')}</p>`,
  )
  .join('\n')

console.log(html)

Ce qu’il fait

Affiche le Markdown comme une page rendue pendant la saisie et vous donne le HTML. Il lit CommonMark et les extensions GitHub que la plupart des documents utilisent : tableaux, listes de tâches, texte barré et liens automatiques.

Comment l’utiliser

Saisissez ou collez du Markdown, ou déposez un fichier texte.
Choisissez Aperçu pour voir la page rendue ou HTML pour le balisage. Activez les retours à la ligne si un simple saut de ligne doit commencer une nouvelle ligne, comme dans une messagerie.
Copiez ou téléchargez le HTML.

Exemples

# Bonjour devient <h1>Bonjour</h1> et Du texte **gras** devient Du texte <strong>gras</strong>. Un tableau écrit avec des barres et des tirets devient un vrai tableau, et - [x] fait devient une case cochée.

Bon à savoir

Le HTML brut de la source est affiché comme texte et jamais transmis : une balise script ou un gestionnaire d’événement dans du Markdown collé ne peut rien faire.
Seuls les liens web, e-mail et téléphone et les adresses relatives restent des liens. Un lien javascript: reste du texte simple.
Les images ne sont jamais chargées dans l’aperçu. Vous voyez leur description et leur adresse, et le HTML copié contient la balise d’image.
La limite est de 100 000 caractères.

Que prend en charge l’aperçu ?

CommonMark plus les extensions GitHub les plus courantes : tableaux, listes de tâches, texte barré et liens automatiques. Tout est converti dans votre navigateur.

Questions fréquentes

Pourquoi mon HTML brut s’affiche-t-il comme texte ?

Le HTML brut dans du Markdown peut exécuter des scripts ; il n’est donc jamais transmis : les balises script et les autres balises apparaissent telles quelles. Utilisez plutôt la syntaxe Markdown. Le HTML copié est échappé de la même façon.

Pourquoi les images ne se chargent-elles pas ?

Les images ne sont jamais récupérées : un aperçu ne peut donc pas servir à vous pister ni à charger du contenu d’un autre site. Vous voyez la description et l’adresse en texte simple. Le HTML copié contient bien la balise d’image.

Cet outil envoie-t-il mon texte quelque part ?

Non. Tout se passe dans votre navigateur. Ce que vous saisissez n’est jamais envoyé à nos serveurs.

Changelog de cet outil