Aperçu Markdown
Aperçu du Markdown rendu en HTML
Hello, Markdown
A quick bold word and some italics.
- Bullet one
- Bullet two
- Nested
- Bullet three
const greeting = 'hello world';
console.log(greeting);
Block quotes work too.
| Col A | Col B |
|---|---|
| 1 | 2 |
| 3 | 4 |
Quelle version de Markdown est supportée ?
L'aperçu utilise le parseur `marked` configuré pour le Markdown à la mode GitHub (GFM) : tableaux avec des séparateurs `|`, blocs de code délimités avec des marqueurs ``` et des indices de langue, liens automatiques pour les URL, cases à cocher de liste de tâches (`- [ ]`), et barré avec `~~texte~~`.
La sortie HTML est assainie avant le rendu, donc coller du Markdown non fiable ne peut pas injecter de balises script ou de feuilles de style dans votre navigateur. Si vous avez besoin d'une sortie HTML brute non assainie, utilisez un parseur dédié localement.
Cas d'utilisation
- Aperçu du README avant de valider — voir comment GitHub rendra les titres, les blocs de code et les listes.
- Rédiger de la documentation — écrire des docs API en markdown et prévisualiser le formatage avant de coller dans Notion ou un wiki.
- Composer des publications de newsletter — écrire en markdown et prévisualiser pour Substack ou Beehiiv avant de coller.
- Formater les réponses Stack Overflow — prévisualiser les blocs de code, les listes et les liens avant de soumettre.
Exemples
# Title
**bold** and *italic* text.
- list item
- another<h1>Title</h1>
<p><strong>bold</strong> and <em>italic</em> text.</p>
<ul><li>list item</li><li>another</li></ul>Questions fréquemment posées
Quelles extensions Markdown sont supportées ?
Markdown à la mode GitHub : tableaux, blocs de code délimités, liens automatiques, listes de tâches, barré. Les notes de bas de page et les admonitions ne sont pas supportées.
Le HTML est-il autorisé dans le Markdown ?
Oui, mais la sortie est assainie — `<script>`, `<style>`, et les attributs on-event sont supprimés avant le rendu.
Puis-je exporter le HTML rendu ?
Utilisez la vue source de votre navigateur ou les DevTools pour copier le HTML rendu. Faites un clic droit sur l'aperçu et 'Voir la source du cadre' si disponible.
Les blocs de code sont-ils mis en surbrillance syntaxique ?
Non — les blocs de code délimités se rendent avec un style monospace mais sans surbrillance de couleur de langue. Ajoutez un processeur Markdown comme `markdown-it` + `highlight.js` localement pour cela.
L'entrée est-elle envoyée à un serveur ?
Non. Le parsing et le rendu se font dans votre navigateur.