Aller au contenu principal

Aperçu Markdown

Prévisualisez localement un document Markdown, contrôlez le rendu, consultez les statistiques et exportez la source ou le HTML généré.

  • Presse-papiers
  • Export

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Aperçu

Statistiques

0 mots·0 caractères

HTML rendu

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Écrivez ou collez du Markdown et voyez immédiatement son rendu : titres, paragraphes, listes, citations, tableaux, blocs de code, liens et mises en forme s’affichent pendant la saisie. L’aperçu sert à vérifier un README, une note, une documentation ou un message avant de le publier sur une plateforme qui interprète le Markdown. Vous pouvez ensuite copier le HTML produit, ou télécharger le document en .md ou en .html, sans que le texte quitte votre navigateur.

Le rendu est recalculé à chaque frappe. L’aperçu prend en charge les éléments les plus courants de CommonMark et des tableaux de type GitHub : titres de # à ######, paragraphes (les lignes consécutives forment un même paragraphe), listes à puces et numérotées, citations, séparateurs horizontaux, blocs de code entre ``` avec mention du langage, code en ligne, gras, italique et liens.

Pour votre sécurité, tout HTML saisi dans la source est affiché comme du texte et n’est jamais exécuté. Seuls les liens en http ou https sont actifs et s’ouvrent dans un nouvel onglet ; les images distantes ne sont pas chargées dans l’aperçu, leur texte alternatif est affiché à la place.

Le panneau de statistiques compte les mots du contenu, en ignorant la syntaxe Markdown et les blocs de code, ainsi que les caractères de la source. L’export HTML produit une page complète avec l’encodage UTF-8 et la langue de l’interface.

Comment utiliser cet outil ?

  1. Saisir le Markdown

    Écrivez dans le champ « Source Markdown » ou importez un fichier .md.

  2. Vérifier l’aperçu

    Contrôlez le rendu, le HTML produit et les statistiques au fur et à mesure.

  3. Copier ou exporter

    Copiez le HTML, ou téléchargez le document au format Markdown ou HTML.

Cas d'utilisation

Relire un README

Contrôlez titres, listes et blocs de code avant de pousser la documentation d’un projet.

Préparer une note ou un article

Rédigez en Markdown et vérifiez la hiérarchie des titres avant de copier le texte dans un CMS.

Produire une page HTML simple

Exportez un document .html autonome à partir d’un brouillon Markdown, par exemple pour une notice.

Exemples

Titre, paragraphe et liste numérotée

Les deux lignes du paragraphe sont réunies, comme dans tout moteur conforme à CommonMark.

Entrée

## Installation

Lancez la commande
`npm install` puis relisez.

1. Télécharger
2. Installer

Résultat

<h2>Installation</h2><p>Lancez la commande <code>npm install</code> puis relisez.</p><ol><li>Télécharger</li><li>Installer</li></ol>

Tableau

La ligne de tirets sous l’en-tête est obligatoire pour qu’un tableau soit reconnu.

Entrée

| Outil | Prix |
| --- | --- |
| Bethemesh | 0 € |

Résultat

Un tableau à deux colonnes avec une ligne d’en-tête « Outil » et « Prix ».

Conseils et bonnes pratiques

  • Laissez une ligne vide entre deux paragraphes : un simple retour à la ligne poursuit le même paragraphe.
  • Le rendu final peut différer selon la plateforme (GitHub, GitLab, un CMS) : les extensions comme les cases à cocher, les notes de bas de page ou le HTML intégré ne sont pas interprétées ici.
  • Pour harmoniser la syntaxe avant publication, passez d’abord le texte dans le Formateur Markdown.

Sources et références

Questions fréquentes

Quelle syntaxe Markdown est prise en charge ?

Les éléments courants de CommonMark (titres, paragraphes, listes, citations, code, séparateurs, gras, italique, liens) et les tableaux à la manière de GitHub. Les extensions propres à certaines plateformes ne sont pas reconnues.

Puis-je insérer du HTML dans mon Markdown ?

Il est affiché comme du texte, jamais exécuté. Cela évite qu’un contenu collé lance un script dans la page.

Pourquoi mes images ne s’affichent-elles pas ?

L’aperçu ne charge pas de ressources distantes, pour ne contacter aucun serveur tiers ; le texte alternatif de l’image est affiché à la place. Le convertisseur Markdown vers HTML conserve, lui, les balises d’image.

Quelle différence avec Convertir du Markdown en HTML ?

L’aperçu montre le rendu en direct et exporte une page complète. Le convertisseur produit du HTML brut à coller dans un autre site et peut s’enchaîner dans un Pipeline.

Mon document est-il enregistré ?

Non. Le rendu et les exports sont réalisés dans votre navigateur ; fermez la page et le texte disparaît.

Outils associés

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

Formatez du Markdown pour obtenir une structure plus régulière et plus facile à relire.

Texte & rédactionUtiliser l’outil

Formatez du HTML ou retirez ses commentaires ordinaires localement, en conservant les espaces du texte et le contenu des scripts.

Texte & rédactionUtiliser l’outil

Analysez un texte et obtenez le nombre de mots, caractères, lignes, phrases et paragraphes.

Texte & rédactionMis en avantUtiliser l’outil