Hello Markdown
This is a bold and italic text demo.
Features
- Real-time preview
- GitHub Flavored Markdown
- Syntax highlighting for code blocks
Code Example
function greet(name) {
return Hello, ${name}!;
}
Table
| Feature | Status |
|---|---|
| Bold | ✅ |
| Links | ✅ |
| Tables | ✅ |
This is a blockquote with a link.
- First item
- Second item
- Third item
Editeur Markdown
Redigez en Markdown a gauche et visualisez le rendu en direct a droite. Titres, gras, italique, liens, images, tableaux, blocs de code et plus. Export HTML en un clic.
Qu'est-ce que le Markdown ?
Le Markdown est un langage de balisage leger cree par John Gruber en 2004. Il permet de rediger du texte formate a l'aide d'une syntaxe en texte brut facile a lire et a ecrire. Les fichiers Markdown portent l'extension .md et sont largement utilises pour les fichiers README, la documentation, les articles de blog, les messages de forums et la redaction technique. La syntaxe est concue pour etre intuitive : des asterisques pour le gras et l'italique, des dieses pour les titres, des tirets pour les listes et des accents graves pour le code.
Cet editeur Markdown gratuit effectue le rendu en temps reel pendant la saisie. Il prend en charge tous les elements Markdown courants : titres, paragraphes, gras, italique, barre, liens, images, listes ordonnees et non ordonnees, citations, filets horizontaux, tableaux et blocs de code. La mise en page en vue partagee vous permet d'editer et de previsualiser cote a cote, et vous pouvez exporter le resultat en fichier HTML autonome.
Fonctionnalites principales
- Apercu en direct se mettant a jour instantanement pendant la saisie
- Modes vue partagee, editeur seul et apercu seul
- Prise en charge complete du Markdown : titres, gras, italique, barre, liens, images
- Tableaux avec en-tetes et alignement
- Blocs de code avec affichage syntaxique
- Citations, listes ordonnees et non ordonnees
- Import de fichiers .md ou .txt pour previsualiser des documents Markdown existants
- Export du rendu sous forme de fichier HTML autonome avec styles integres
- Copie du code HTML brut dans le presse-papiers pour integration dans d'autres outils
- Mode plein ecran pour une redaction sans distractions
- 100 % cote client : aucune donnee n'est envoyee a un serveur
Comment utiliser cet outil
- Redigez ou collez du Markdown dans le panneau editeur a gauche.
- L'apercu rendu apparait instantanement dans le panneau de droite.
- Basculez entre vue partagee, editeur seul ou apercu seul a l'aide de la barre d'outils.
- Importez un fichier .md existant via le bouton Importer.
- Cliquez sur HTML pour telecharger le rendu sous forme de fichier HTML autonome.
- Cliquez sur Copier HTML pour copier le balisage HTML brut dans votre presse-papiers.
Aide-memoire syntaxe Markdown
- Titres : utilisez # pour h1, ## pour h2, ### pour h3, et ainsi de suite jusqu'a ######
- Gras : encadrez le texte avec **doubles asterisques**
- Italique : encadrez le texte avec *simples asterisques*
- Barre : encadrez le texte avec ~~doubles tildes~~
- Liens : utilisez la syntaxe [texte du lien] suivi de l'URL entre crochets
- Images : utilisez la syntaxe ![texte alternatif] suivi de l'URL de l'image entre crochets
- Listes a puces : commencez les lignes par -, * ou +
- Listes numerotees : commencez les lignes par 1., 2., 3.
- Blocs de code : encadrez avec trois accents graves sur des lignes separees
- Code en ligne : encadrez avec des accents graves simples comme `code`
- Citations : commencez les lignes par >
- Filet horizontal : utilisez --- sur sa propre ligne
- Tableaux : utilisez des barres verticales | et des tirets - pour creer colonnes et en-tetes
Cas d'utilisation courants
- Redaction et previsualisation de fichiers README pour les depots GitHub
- Ecriture d'articles de blog et de documentation technique
- Previsualisation du Markdown avant validation dans le controle de version
- Conversion de notes Markdown en HTML pour integration dans des sites web
- Enseignement de la syntaxe Markdown avec un retour visuel instantane
- Mise en forme rapide de texte pour les plateformes prenant en charge le Markdown
Conseils pour un meilleur Markdown
- Laissez une ligne vide entre les paragraphes pour un espacement correct
- Utilisez les titres de maniere hierarchique : commencez par # et augmentez le niveau pour les sous-sections
- Indentez les blocs de code de 4 espaces ou utilisez les blocs delimites par trois accents graves
- Pour les tableaux, alignez les barres verticales pour une meilleure lisibilite du code source
- Utilisez des liens references pour les URL longues afin de garder votre Markdown propre
- Previsualisez toujours votre Markdown avant publication pour reperer les erreurs de mise en forme
