Aperçu Markdown en direct

Écrivez du Markdown et voyez l'aperçu HTML rendu en temps réel.

Markdown
Aperçu

Noter Aperçu Markdown en direct

Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.

Éditeur Markdown en direct

Écrivez du contenu Markdown et voyez instantanément l’aperçu rendu. Idéal pour rédiger des fichiers README, de la documentation et des articles de blog.

Markdown

Comment fonctionne Aperçu Markdown en direct

Cet éditeur Markdown en temps réel affiche l'aperçu HTML instantanément pendant que vous écrivez, sans aucun délai ni clic sur un bouton. L'analyseur implémente la spécification CommonMark pour les titres, l'emphase, les liens, les images, les listes, les citations, les blocs de code et les lignes horizontales.

Le volet d'aperçu affiche le HTML mis en forme à l'aide de classes CSS pour une présentation correcte. Les titres s'affichent avec des tailles appropriées, les blocs de code en police à chasse fixe et les liens deviennent cliquables. L'aperçu se met à jour à chaque frappe.

Tout le rendu s'effectue côté client, dans votre navigateur, ce qui rend cet outil idéal pour rédiger des fichiers README, de la documentation ou des articles de blog avant de les valider dans vos dépôts.

Comment utiliser Aperçu Markdown en direct

1

Écrire du Markdown

Saisissez ou collez votre contenu Markdown dans l'éditeur.

2

Voir l'aperçu

Regardez l'aperçu HTML se mettre à jour en direct pendant que vous écrivez.

3

Copier le résultat

Copiez le HTML généré pour l'utiliser dans vos projets.

Exemple d'utilisation

Rendu Markdown de base :

Entrée
# Hello This is **bold** and *italic*.
Sortie
<h1>Hello</h1><p>This is <strong>bold</strong> and <em>italic</em>.</p>

Questions fréquentes

Quelles fonctionnalités Markdown sont prises en charge ?
Les titres, le gras, l'italique, le texte barré, les liens, les images, les blocs de code, les citations, les listes et les lignes horizontales.
L'aperçu est-il en temps réel ?
Oui, l'aperçu se met à jour instantanément pendant que vous écrivez, sans aucun délai.
Puis-je copier le HTML généré ?
Oui, cliquez sur le bouton Copier pour copier le HTML généré.

Outils associés

Commentaires

Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.

Aperçu Markdown en direct est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.

Cité par

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge