📝 Aperçu Markdown
Tapez du markdown et voyez le rendu HTML instantanément.
Qu'est-ce que cet outil ?
L'outil d'Aperçu Markdown est un éditeur markdown en ligne gratuit qui rend votre markdown en HTML en temps réel. Pendant que vous tapez sur le côté gauche, le résultat formaté apparaît instantanément sur le côté droit. C'est parfait pour prévisualiser les fichiers README, les articles de blog, la documentation ou tout contenu markdown avant de le publier. Markdown est un langage de balisage léger qui utilise le format texte brut pour créer des documents structurés. Il a été créé par John Gruber en 2004 pour rendre l'écriture pour le web aussi facile que possible. Avec markdown, vous pouvez créer des titres, du texte en gras et en italique, des listes, des liens, des images, des blocs de code, des tableaux et plus encore, le tout en utilisant des symboles de texte simples. Markdown est utilisé partout : READMEs GitHub, commentaires Reddit, messages Discord, sites de documentation et de nombreux systèmes de gestion de contenu. Cet aperçu prend en charge la syntaxe markdown standard, y compris les extensions GitHub Flavored Markdown (GFM) comme les listes de tâches, le texte barré et la coloration syntaxique du code. Tout s'exécute entièrement dans votre navigateur, votre contenu n'est donc jamais téléchargé vers aucun serveur. Vous pouvez écrire en toute confiance sachant que vos brouillons sont totalement privés.Comment ça marche
L'outil utilise un analyseur markdown en JavaScript qui convertit votre texte en HTML en temps réel. Pendant que vous tapez dans le panneau d'édition, l'analyseur traite la syntaxe markdown caractère par caractère et génère les éléments HTML correspondants, qui sont affichés dans le panneau d'aperçu. L'analyseur gère tous les éléments markdown standard : titres (# à ######), gras (**texte**), italique (*texte*), liens ([texte](url)), images (), listes non ordonnées (- ou *), listes ordonnées (1.), blocs de code (```), code en ligne (`code`), citations en bloc (>), règles horizontales (---) et tableaux. Il prend également en charge les extensions GitHub Flavored Markdown : listes de tâches (- [x]), barré (~~texte~~) et liaison automatique des URL. Le rendu est entièrement côté client, ce qui signifie qu'aucun appel serveur n'est effectué. L'analyseur markdown est une bibliothèque JavaScript bien testée qui gère les cas limites comme les listes imbriquées, plusieurs paragraphes dans des éléments de liste et des blocs de code dans des listes. L'aperçu se met à jour à chaque frappe pour une véritable expérience d'édition en direct.Comment utiliser
- Tapez ou collez votre markdown dans l'éditeur à gauche.
- Observez l'aperçu HTML formaté se mettre à jour en temps réel à droite.
- Utilisez la syntaxe markdown standard (# titres, **gras**, *italique*, etc.).
- Essayez GitHub Flavored Markdown : listes de tâches, tableaux, barré.
- Copiez le HTML rendu ou votre source markdown selon vos besoins.
Questions Fréquentes
Questions Fréquentes
Quelle syntaxe markdown est prise en charge ?
Markdown standard (titres, gras, italique, listes, liens, images, code, citations en bloc, tableaux) plus les extensions GitHub Flavored Markdown (listes de tâches, barré, liens automatiques, coloration syntaxique du code).
Mon contenu markdown est-il envoyé à un serveur ?
Non. Tout le traitement se fait dans votre navigateur using JavaScript. Votre contenu ne quitte jamais votre appareil, garantissant une confidentialité totale de vos brouillons et notes.
Puis-je utiliser ceci pour les fichiers README GitHub ?
Oui. Cet aperçu prend en charge GitHub Flavored Markdown, qui est le même dialecte utilisé par GitHub. Les listes de tâches, tableaux, barré et blocs de code seront rendus de la même manière que sur GitHub.
Comment créer un tableau en markdown ?
Utilisez des barres verticales (|) pour séparer les colonnes et des tirets (-) pour la ligne d'en-tête. Exemple : | En-tête 1 | En-tête 2 | \n|---|---| \n| Cellule 1 | Cellule 2 |
Conseils
Markdown est conçu pour être lisible en texte brut, même avant le rendu. Utilisez des titres (#) pour créer la structure du document et gardez les niveaux de titres cohérents. Pour les blocs de code, spécifiez toujours le langage après les trois accents graves (```python) pour obtenir la coloration syntaxique. Lors de la création de tableaux, alignez verticalement les barres verticales pour la lisibilité. Les listes de tâches (- [x] fait, - [ ] à faire) sont excellentes pour le suivi de projet dans les READMEs. Si vous écrivez pour GitHub, prévisualisez votre markdown ici d'abord pour détecter les problèmes de formatage avant de pousser. Pour les longs documents, utilisez une table des matières avec des liens d'ancrage. N'oubliez pas que deux espaces à la fin d'une ligne créent un saut de ligne dur en markdown.