Éditeur Markdown
Écrire et prévisualiser du Markdown avec rendu en direct et barre d’outils
Markdown
Les caractères sont comptés en unités de code UTF-16 ; les mots sont comptés comme des éléments séparés par des espaces, y compris la syntaxe Markdown.
Aide-mémoire Markdown
- Titre 1
# Titre 1- Titre 2
## Titre 2- Gras
**bold**- Italique
*italic*- Lien
[link](url)- Image
- Code en ligne
`inline code`- Bloc de code
```code block```- Liste non ordonnée
- liste non ordonnée- Liste ordonnée
1. liste ordonnée- Citation en bloc
> citation en bloc- Ligne horizontale
--- ligne horizontale
Aperçu et HTML
Préparation de l’aperçu…
À propos de cet aperçu
- Il s’agit de l’analyseur basique d’origine avec des corrections vérifiées. GitHub et d’autres moteurs de rendu Markdown peuvent produire des résultats différents.
- Le code en blocs et en ligne reste littéral. Aucune coloration syntaxique propre à un langage n’est fournie.
- Les URL d’images externes sont chargées depuis leurs hébergeurs sans référent ; ces hébergeurs reçoivent la requête d’image. L’image d’exemple est locale.
- Le HTML est filtré avant l’aperçu et la copie du HTML. La copie et l’enregistrement du Markdown conservent votre texte source.
- Copier le HTML place le texte source HTML dans le presse-papiers ; un éditeur de texte enrichi peut le coller comme du texte.
- L’éditeur n’enregistre pas automatiquement. Téléchargez votre document avant de quitter cette page.
À propos de l’éditeur Markdown
Notre éditeur Markdown est un outil en ligne gratuit qui propose une édition avec aperçu en direct côte à côte pour rédiger des documents Markdown. Markdown est un langage de balisage léger très utilisé pour la documentation, les fichiers README, les articles de blog, la rédaction technique et la prise de notes. Cet éditeur vous permet d’écrire en Markdown à gauche et de voir instantanément le rendu HTML à droite.
L’éditeur comprend une barre d’outils complète pour insérer rapidement la syntaxe Markdown courante : titres, gras, italique, liens, images, blocs de code, listes, citations et lignes horizontales. Inutile de mémoriser la syntaxe Markdown pour commencer. Il suffit de cliquer sur les boutons de la barre d’outils pour insérer la mise en forme à l’emplacement du curseur, ou de saisir directement le Markdown si vous préférez.
L’éditeur analyse votre Markdown en local, sans téléverser le document. Les URL d’images externes peuvent tout de même solliciter leurs hôtes, et d’autres scripts du site peuvent effectuer des requêtes. Il n’existe aucune garantie générale de confidentialité. L’éditeur prend en charge l’aperçu en temps réel, le comptage des caractères et des mots, la copie dans le presse-papiers du Markdown comme du HTML, ainsi que le téléchargement direct d’un fichier .md.
Fonctionnalités principales
- Édition Markdown avec aperçu HTML en direct côte à côte et rendu instantané
- Barre d’outils complète avec boutons pour le gras, l’italique, les titres (H1-H3), les liens, les images, les blocs de code, les listes, les citations et les lignes horizontales
- Analyseur Markdown vers HTML intégré, compatible avec les titres, l’emphase, le code, les liens, les images, les listes, les citations et les lignes horizontales
- Compteurs de caractères et de mots en temps réel affichés au-dessus de l’éditeur
- Copie du code source Markdown dans le presse-papiers en un clic
- Copie du HTML généré dans le presse-papiers pour le coller dans des pages web ou des éditeurs d’e-mails
- Téléchargement de votre document en fichier .md pour le stockage local et le contrôle de version
- Bouton d’effacement pour repartir d’un éditeur vide
- Aide-mémoire affichant d’un coup d’œil la syntaxe Markdown courante
- Mise en page adaptative qui empile l’éditeur et l’aperçu sur mobile
- Prise en charge complète du mode sombre pour éditer confortablement dans toutes les conditions d'éclairage
- Exemple de contenu par défaut illustrant toutes les fonctionnalités Markdown prises en charge
Comment utiliser l’éditeur Markdown
- Commencez à écrire : l’éditeur se charge avec un exemple de contenu qui présente toutes les fonctionnalités Markdown prises en charge. Effacez-le pour repartir de zéro, ou modifiez l’exemple pour voir comment fonctionne chaque élément de syntaxe.
- Utilisez la barre d’outils : cliquez sur un bouton pour insérer la syntaxe Markdown correspondante à l’emplacement du curseur. Sélectionnez d’abord du texte pour l’entourer d’une mise en forme comme le gras ou l’italique.
- Prévisualisez instantanément : pendant que vous tapez, cet analyseur basique met à jour un aperçu filtré. Les moteurs de rendu Markdown de destination peuvent différer ; vérifiez donc la mise en forme sur la plateforme cible avant de publier.
- Consultez vos statistiques : les compteurs de caractères et de mots se mettent à jour en direct au-dessus de l’éditeur et vous aident à suivre la longueur du document pour respecter des exigences ou des limites de mots.
- Copiez ou téléchargez : utilisez le bouton « MD » pour copier le Markdown brut, le bouton « HTML » pour copier le HTML généré, ou le bouton « Enregistrer » pour télécharger votre document en fichier .md.
Syntaxe Markdown prise en charge
- Titres : utilisez # pour H1, ## pour H2, ### pour H3 et #### pour H4. Chaque niveau de titre produit un texte progressivement plus petit, avec un espacement adapté.
- Gras et italique : entourez le texte de **doubles astérisques** ou de __doubles tirets bas__ pour le gras, et de *simples astérisques* ou de _simples tirets bas_ pour l’italique.
- Liens : créez des liens cliquables avec la syntaxe [texte du lien](URL). Les liens s’ouvrent dans un nouvel onglet pour plus de commodité.
- Images : intégrez des images avec la syntaxe . Les images s’affichent de façon adaptative, avec des coins arrondis.
- Code : utilisez des accents graves pour le code en ligne et trois accents graves pour les blocs de code multilignes. Le code a un arrière-plan stylisé ; la coloration syntaxique propre à chaque langage n’est pas fournie.
- Listes : commencez les lignes par - ou * pour les listes à puces non ordonnées, et par 1. pour les listes numérotées.
- Citations : commencez une ligne par > pour créer une citation stylisée avec un liseré bleu à gauche.
- Lignes horizontales : utilisez ---, *** ou ___ seuls sur une ligne pour créer un séparateur visuel entre les sections.
- Sauts de ligne : utilisez deux retours à la ligne pour créer des sauts de paragraphe, ou un seul retour à la ligne dans un paragraphe pour insérer un saut de ligne.
Cas d’usage
- Fichiers README : rédigez vos fichiers README.md avec cet aperçu basique, puis vérifiez le rendu sur GitHub. Cet analyseur n’implémente pas la spécification GFM complète.
- Documentation technique : rédigez la documentation d’API, de bibliothèques et de projets logiciels avec une mise en forme correcte, des blocs de code et des titres structurés.
- Articles de blog : rédigez le contenu de votre blog en Markdown, prévisualisez la mise en page, puis copiez le HTML pour le coller dans votre système de gestion de contenu.
- Prise de notes : utilisez Markdown pour structurer vos notes de réunions, de cours ou de recherche. Téléchargez-les en fichiers .md pour un stockage organisé.
- Mise en forme d’e-mails : rédigez le contenu en Markdown et copiez le texte source HTML filtré. Utilisez un éditeur compatible HTML ou un flux d’importation ; un éditeur de texte enrichi peut coller la source sous forme de texte brut.
- Apprentissage de Markdown : utilisez les boutons de la barre d’outils et l’aide-mémoire pour apprendre la syntaxe Markdown de façon interactive, avec un retour visuel immédiat.
- Migration de contenu : convertissez du contenu Markdown en HTML pour l’intégrer à des sites web, des wikis et des bases de connaissances.
Questions fréquentes
Cet éditeur Markdown est-il gratuit ?
L’éditeur est gratuit et sans inscription. La taille du document et la vitesse de rendu dépendent des ressources du navigateur ; aucune capacité de traitement illimitée n’est garantie.
Mon contenu est-il privé et sécurisé ?
Cet éditeur analyse le contenu en local, sans téléverser ni enregistrer automatiquement le document. Les images externes peuvent solliciter leurs hôtes, et d’autres scripts du site peuvent utiliser le stockage ou effectuer des requêtes. Conservez des copies enregistrées ; il ne s’agit pas d’une garantie absolue de confidentialité ou de sécurité.
Quelles fonctionnalités Markdown sont prises en charge ?
L’analyseur basique prend en charge les titres H1-H4, l’emphase, les liens, les images, le code, les listes simples, les citations, les lignes horizontales et les paragraphes avec sauts de ligne. Les imbrications complexes et les extensions GFM ne sont pas entièrement implémentées.
Puis-je l’utiliser pour des fichiers README GitHub ?
Vous pouvez rédiger un README.md ici, puis copier ou enregistrer le Markdown et le vérifier sur GitHub. Cet analyseur basique n’est pas un moteur de rendu GFM complet ; des éléments comme les tableaux, les listes de tâches et le texte barré peuvent s’afficher différemment.
Puis-je exporter en HTML ?
« Copier la source HTML » place du texte HTML filtré dans le presse-papiers. Collez-le dans un éditeur compatible HTML ou importez-le comme source ; les éditeurs de texte enrichi peuvent afficher le balisage sous forme de texte.
L’éditeur fonctionne-t-il sur mobile ?
Oui, l’éditeur est entièrement adaptatif. Sur les petits écrans, les panneaux d’édition et d’aperçu s’empilent verticalement au lieu de s’afficher côte à côte, pour un confort d’édition optimal sur téléphone et tablette.
Astuces et bonnes pratiques
- Structurez avec des titres : organisez vos documents avec une hiérarchie de titres claire. Utilisez H1 pour le titre, H2 pour les sections principales et H3 pour les sous-sections.
- Prévisualisez en écrivant : gardez le panneau d’aperçu visible pour repérer tôt les problèmes de mise en forme et vous assurer que le document correspond exactement à ce que vous souhaitez.
- Sélectionnez le texte avant de le mettre en forme : surlignez le texte dans l’éditeur avant de cliquer sur un bouton de la barre d’outils pour appliquer la mise en forme choisie à la sélection.
- Utilisez des blocs de code pour le contenu technique : placez les extraits de code, les commandes et les exemples de configuration dans des blocs de code pour conserver la mise en forme et améliorer la lisibilité.
- Enregistrez régulièrement : utilisez le bouton de téléchargement pour sauvegarder votre travail en fichier .md. Les fichiers Markdown sont du texte brut et s’ouvrent dans n’importe quel éditeur de texte.
- Apprenez la syntaxe Markdown : utilisez la barre d’outils ou saisissez directement la syntaxe Markdown, par exemple ** pour le gras et * pour l’italique. Cet éditeur de source ne définit pas de raccourcis clavier dédiés à la mise en forme.