Aller au contenu
Outil gratuit

Éditeur Markdown en ligne avec aperçu en direct

Avec cet éditeur Markdown en ligne, écris du Markdown et vois immédiatement l’aperçu à côté. Ouvre des fichiers .md, transforme des cellules copiées depuis Excel en tableau, enregistre le document au format PDF ou copie-le en HTML. Pour les messages Discord, un mode dédié propose les spoilers et un compteur de caractères. Gratuit et sans inscription : ton texte reste dans ton navigateur.

Créé par Dimitri Heissler

Tu développes ton propre projet ? Héberge-le sur un VPS avec un contrôle total.

GitHub Flavored Markdown : titres, listes, tableaux, listes de tâches et code avec coloration syntaxique. Adapté aux fichiers README, aux issues et à la documentation.

Ton texte reste dans ce navigateur. Il est enregistré uniquement en local comme brouillon et n’est jamais envoyé. Ctrl+Z annule les modifications.

Mots
77
Caractères
538
Lignes
28
Titres
3
Temps de lecture
1 min

Exemple de résultat

Ce que te montre cet éditeur Markdown

Rédige du Markdown et vois aussitôt le rendu à côté. Tu obtiens aussi le code HTML à copier, le nombre de mots et de caractères, le temps de lecture et, en mode Discord, la marge avant la limite de caractères. Trois exemples :

Exemple 1 : un court README

Saisie (README / GitHub) :

# Mon serveur

Fonctionne avec **8 GB RAM** et `Paper 1.21`.

- [x] Backup
- [ ] Whitelist

Aperçu :

Mon serveur

Fonctionne avec 8 GB RAM et Paper 1.21.

  • Backup
  • Whitelist

Code HTML à copier :

<h1 id="mon-serveur">Mon serveur</h1>
<p>Fonctionne avec <strong>8 GB RAM</strong> et <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Whitelist</li>
</ul>

Résultat en clair : 1 titre devient un h1, les deux mises en évidence deviennent strong et code, et les deux éléments de liste deviennent une liste de tâches avec une case cochée et une case vide. Le texte contient 12 mots et 90 caractères ; le temps de lecture est de 1 minute.

Exemple 2 : un tableau

Saisie (README / GitHub) :

| Offre | RAM en Go |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Aperçu :

OffreRAM en Go
Basic4
Pro8

Code HTML à copier :

<table>
<thead>
<tr>
<th>Offre</th>
<th align="right">RAM en Go</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Résultat en clair : le tableau comporte deux colonnes et deux lignes de données. La ligne de tirets sépare l’en-tête du contenu ; les deux-points dans « ---: » alignent la deuxième colonne à droite.

Exemple 3 : un message Discord

Saisie (Discord) :

# Événement aujourd’hui
**20 h** dans le ||salon vocal||
-# Inscriptions ouvertes

Aperçu dans Discord :

Événement aujourd’hui

20 h dans le Spoiler, clique pour afficher

Inscriptions ouvertes

Résultat en clair : la ligne commençant par # devient un grand titre, **20 Uhr** apparaît en gras, le texte entre || est un spoiler visible seulement après un clic, et la ligne commençant par -# apparaît en petit et en gris. Le message contient 81 caractères sur 2 000 autorisés.

Comment ça fonctionne

Comment écrire du Markdown en ligne avec un aperçu en direct

Quatre étapes, du champ de texte vide au document ou au message Discord terminé, sans compte ni installation.

Étape 1

Choisir une variante

Choisis « README / GitHub » ci-dessus pour des documents avec tableaux et listes de tâches, ou « Discord » pour des messages avec spoilers et citations. Chaque option possède son propre texte et ses propres indications.

Étape 2

Écrire ou ouvrir un fichier

Saisis ton texte et utilise les boutons pour le gras, les listes, les tableaux et le code, ou les raccourcis Ctrl+B, Ctrl+I et Ctrl+K. Pour ajouter des cellules Excel, colle-les, sélectionne-les, puis clique sur « Tableau ». « Ouvrir un fichier » permet de charger un fichier .md existant, qui reste dans ton navigateur.

Étape 3

Vérifier l’aperçu

À droite, ou dans l’onglet « Aperçu » sur mobile, tu vois le résultat à chaque caractère saisi. Au-delà de 100 000 caractères, l’aperçu en mode « README / GitHub » n’apparaît qu’après un clic sur « Afficher quand même l’aperçu », à refaire après chaque modification. En mode Discord, l’éditeur affiche le message dans le style Discord et signale les tableaux, les images et les textes trop longs.

Étape 4

Appliquer le résultat

Copie le Markdown ou le code HTML final, télécharge le document au format .md ou .html, ou choisis « Enregistrer au format PDF » puis « Enregistrer au format PDF » dans la boîte de dialogue d’impression. Pour Discord, copie le message et colle-le dans le chat.

Visionneuse Markdown

Visionneuse Markdown : ouvrir et lire un fichier .md, puis l’enregistrer en PDF

Tu n’as besoin d’aucun programme supplémentaire pour lire un fichier .md. L’éditeur l’ouvre dans ton navigateur, l’affiche avec sa mise en forme et permet de l’exporter en PDF ou en HTML.

Ouvrir un fichier MD sans installation

Clique sur « Ouvrir un fichier » et sélectionne un fichier .md, .markdown, .mdown ou .txt jusqu’à 2 MB. Ton navigateur le lit localement, rien n’est envoyé. En mode « README / GitHub », l’aperçu affiche les titres, les tableaux, les listes de tâches et le code avec coloration syntaxique.

Convertir Markdown en PDF

« Enregistrer au format PDF » ouvre la boîte de dialogue d’impression de ton navigateur avec le document mis en forme. Choisis « Enregistrer au format PDF » comme destination. Le PDF est créé sur ton appareil et l’éditeur reprend le titre du document à partir du premier titre.

Convertir Markdown en HTML

« Copier le HTML » place le code HTML dans le presse-papiers ; « Télécharger le .html » enregistre une page complète avec une mise en forme de base. Comme l’export PDF, ces options se trouvent dans le mode « README / GitHub ».

Bases

Qu’est-ce que Markdown ? Explication simple

Markdown est une syntaxe simple qui permet de mettre en forme du texte avec quelques caractères. Tu écris du texte ordinaire, qu’un programme transforme en titres, listes, tableaux et liens.

Aperçu du résultat

Un # en début de ligne crée un titre, **gras** met le texte en gras, un tiret en début de ligne crée un élément de liste, et des crochets suivis de parenthèses créent un lien. Le texte reste lisible sans logiciel.

À quoi ça sert

Pour les fichiers README.md sur GitHub, la documentation technique, les notes, les messages de forum et de chat, par exemple sur Discord. L’extension est .md ou .markdown.

Comment tu peux l’essayer

Saisis ton texte dans le champ en haut et consulte immédiatement l’aperçu. « Ouvrir un fichier » permet de lire un fichier .md existant ; « Enregistrer en PDF » et « Copier le HTML » permettent de partager le résultat.

Tableau Markdown

Créer un tableau Markdown : syntaxe, alignement et import depuis Excel

Un tableau comprend une ligne d’en-tête, une ligne de séparation et des lignes de données, avec des barres verticales entre les colonnes. Tu peux le saisir à la main ou laisser l’éditeur le créer à partir de cellules copiées.

Structure

Saisie :

| Offre | RAM en Go |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Aperçu :

OffreRAM en Go
Basic4
Pro8

Aligner les colonnes

Un deux-points dans la ligne de séparation définit l’alignement : à gauche, au centre ou à droite.

| Aligné à gauche | Centré | Aligné à droite |
| :--- | :---: | ---: |
| a | b | c |

Aperçu :

Aligné à gaucheCentréAligné à droite
abc

Depuis Excel ou Google Sheets

Copie les cellules, colle-les, sélectionne-les et clique sur « Tableau ». À partir du texte copié :

Offre	RAM en Go
Basic	4
Pro	8

on obtient ce tableau Markdown, dont la colonne des nombres est alignée à droite :

| Offre | RAM en Go |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Aide-mémoire Markdown

La syntaxe Markdown en un coup d’œil

Les principaux éléments de GitHub Flavored Markdown, avec la saisie et le résultat. La colonne de droite utilise le même moteur de rendu que l’aperçu de l’éditeur.

Syntaxe Markdown et résultat
ÉlémentMarkdownRésultat
Titres
# Titre 1
## Titre 2
### Titre 3

Titre 1

Titre 2

Titre 3

Gras et italique
**gras**, *italique*, ***les deux***

gras, italique, les deux

Barré
~~ancien~~ nouveau

ancien nouveau

Lien
[Texte du lien](https://example.com)
Image
![Description de l’image](https://example.com/bild.png)
Affiche l’image ; la description sert de texte alternatif.
Énumération
- Un
- Deux
  - Deux A
  • Un
  • Deux
    • Deux A
Liste numérotée
1. Premièrement
2. Deuxièmement
  1. Premièrement
  2. Deuxièmement
Liste de tâches
- [x] terminé
- [ ] ouvert
  • terminé
  • ouvert
Citation
> Une citation

Une citation

Code dans une phrase
Démarrer `npm run dev`

Démarrer npm run dev

Bloc de code
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tableau
| Nom | Valeur |
| --- | ---: |
| RAM | 8 |
NomValeur
RAM8
Ligne de séparation
---

Markdown Discord

Mettre en forme du texte Discord : les principales commandes

Discord utilise sa propre version, plus limitée, de Markdown. Sélectionne « Discord » en haut pour voir ton message tel qu’il apparaîtra dans le chat avant de l’envoyer.

Mise en forme Discord et résultat
ÉlémentSaisieRésultat dans Discord
Gras
**gras**

gras

Italique
*italique* ou _italique_

italique ou italique

Souligné
__souligné__

souligné

Barré
~~barré~~

barré

Combiné
__***souligné, gras et italique***__

souligné, gras et italique

Spoiler
||texte masqué||

Spoiler, clique pour afficher

Code dans une phrase
`Code`

Code

Bloc de code
```js
console.log('hi');
```
console.log('hi');
Citation
> Une citation

Une citation

Titres
# Grand
## Moyen
### Petit

Grand

Moyen

Petit

Petit texte
-# Pied de page

Pied de page

Liste
- Un
- Deux
1. Premièrement
  • Un
  • Deux
  1. Premièrement
Lien avec texte
[Texte du lien](https://example.com)

Comparaison

Comparaison entre GitHub Markdown et Discord Markdown

Un texte qui s’affiche bien dans un README peut mal s’afficher dans le chat Discord. Ce tableau indique ce qui fonctionne à chaque endroit.

Fonctionnalités Markdown compatibles avec GitHub et Discord
FonctionREADME / GitHubDiscordRemarque
TitresOuiPartiellementGitHub : de # à ######. Discord : uniquement de # à ### en début de ligne.
Gras, italique, barréOuiOuiMême syntaxe pour les deux.
Souligné (__text__)NonOuiSur GitHub, __text__ signifie gras.
Spoiler (||text||)NonOuiDiscord uniquement.
TableauxOuiNonDiscord affiche les tirets comme du texte.
Listes de tâches (- [ ])OuiNonDiscord affiche les crochets comme du texte.
Images (![](url))OuiNonSur Discord, importe les images ou publie le lien.
Blocs de code avec langageOuiOuiLes deux colorent le code selon le langage.
HTML dans le textePartiellementNonGitHub interprète certains tags, Discord aucun.
Citations (> texte)OuiOuiDiscord prend aussi en charge >>> pour citer tout le texte jusqu’à la fin.

Découvrir plus

Autres outils

Comparer des textes en ligne (Diff Checker)

Compare en ligne deux textes, fichiers de configuration ou versions de code, repère les différences ligne par ligne et mot par mot, puis copie-les au format Unified Diff. Tout fonctionne dans ton navigateur.

Créé par Dimitri Heissler

Convertisseur JSON to CSV

Convertis JSON en CSV et CSV en JSON : aplatis les objets imbriqués, détecte les séparateurs, crée des fichiers CSV pour Excel avec BOM et prévisualise les fichiers JSON et CSV sous forme de tableau. Fonctionne entièrement dans ton navigateur.

Créé par Dimitri Heissler

Formateur HTML et CSS en ligne (embellir le code)

Formate, indente et embellis du HTML et du CSS en ligne, avec détection automatique de la langue. Tout fonctionne dans le navigateur, sans envoi de fichier.

Créé par Luca Stanek

Compteur de caractères Discord

Colle du texte et vérifie immédiatement s’il respecte les limites de caractères de Discord (message, embed, nom d’utilisateur, surnom, commandes slash, sondages). Le compteur se met à jour en direct, entièrement dans le navigateur.

Créé par Justin Schuessler

Outil de mise en forme de texte Discord (Markdown, texte coloré et blocs de code)

Mets ton texte Discord en forme en un clic : gras, italique, spoiler, citation et bloc de code, ainsi que texte coloré grâce aux blocs de code ANSI. Avec un aperçu en direct comme sur Discord et un bouton de copie. Fonctionne entièrement dans ton navigateur.

Créé par Luca Stanek

Compteur de caractères et de mots (Word Counter)

Compteur de caractères et de mots : compte les mots et les caractères en ligne, estime le temps de lecture et vérifie les limites pour X, les SMS, les balises méta et Discord. Fonctionne entièrement dans le navigateur.

Créé par Dimitri Heissler

FAQ

Questions fréquentes

Des réponses courtes sur les fichiers .md, le PDF et le HTML, les tableaux issus d’Excel, la mise en forme Discord et la confidentialité de tes données.

Markdown est une syntaxe simple qui te permet de mettre en forme du texte avec des caractères ordinaires : # crée un titre, **gras** met du texte en gras et un tiret en début de ligne crée un élément de liste. John Gruber l’a publiée en 2004. Les fichiers Markdown portent généralement l’extension .md, plus rarement .markdown. Tu les retrouves dans les fichiers README sur GitHub, dans les documentations et les notes ; Discord utilise aussi Markdown pour les messages. Son avantage : le texte brut reste lisible même sans mise en forme.

Dans l’éditeur, clique sur « Ouvrir un fichier » et sélectionne un fichier .md, .markdown, .mdown ou .txt jusqu’à 2 MB, ou colle son contenu dans le champ de texte. En mode « README / GitHub », l’aperçu affiche immédiatement le texte mis en forme, avec tableaux, listes de tâches et coloration du code. Au-delà de 100 000 caractères, l’aperçu n’apparaît qu’après un clic sur « Afficher quand même l’aperçu ». Tu n’installes rien et le fichier n’est pas envoyé : ton navigateur le lit localement. Tu peux ensuite modifier le texte et le télécharger de nouveau au format .md.

En mode « README / GitHub », clique sur « Enregistrer au format PDF ». L’éditeur ouvre la boîte de dialogue d’impression de ton navigateur avec le document mis en forme. Choisis « Enregistrer au format PDF » comme destination et confirme. Le PDF est créé sur ton appareil, rien n’est envoyé. L’éditeur reprend le titre du document à partir du premier titre. Tu peux régler les marges et les en-têtes de page dans la boîte de dialogue d’impression.

Un tableau comprend une ligne d’en-tête avec des barres verticales, une ligne de séparation avec trois tirets par colonne, puis les lignes de données : par exemple | Name | RAM |, suivi de | --- | ---: |, puis de | Pro | 8 |. Un deux-points dans la ligne de séparation définit l’alignement. Depuis Excel ou Google Sheets, c’est plus rapide : copie les cellules, colle-les dans le champ de texte, sélectionne le texte collé et clique sur « Tableau ». La première ligne devient l’en-tête et les colonnes ne contenant que des nombres sont alignées à droite. Les lignes CSV avec des points-virgules ou des virgules fonctionnent aussi, mais le bouton ne gère pas les champs CSV entre guillemets contenant le délimiteur. Les tableaux font partie de GitHub Flavored Markdown et ne fonctionnent pas dans Discord.

En mode « README / GitHub », « Copier le HTML » copie le code HTML généré : **gras** devient par exemple <strong>gras</strong>. « Télécharger le .html » enregistre une page complète avec une mise en forme de base. Pour des raisons de sécurité, l’éditeur n’interprète pas les balises HTML que tu écris dans le Markdown : il les affiche comme du texte. L’éditeur ne propose pas d’export Word ou .docx. Pour utiliser Word, télécharge le fichier .html et ouvre-le dans Word, ou enregistre le document au format PDF.

Passe au mode « Discord » en haut de la page. La syntaxe Discord s’applique alors : **gras**, *italique*, __souligné__, ~~barré~~, ||Spoiler|| et `Code`. De # à ### en début de ligne, tu crées des titres ; -# rend une ligne petite et grise, et > met une ligne en citation. L’aperçu affiche le message comme dans le chat ; le compteur le compare à la limite de 2 000 caractères, ou de 4 000 avec Nitro. Discord ne prend pas en charge les tableaux, les images, les lignes de séparation ni le HTML, et l’éditeur t’en avertit. Utilise « Copier le message » pour récupérer le texte.

Une ligne vide sépare les paragraphes. Dans un README, un simple saut de ligne est traité comme un espace : le texte se poursuit. Pour forcer un saut de ligne, ajoute deux espaces ou une barre oblique inverse en fin de ligne. Dans Discord, c’est plus simple : chaque saut de ligne inséré avec Maj+Entrée est conservé.

Rien n’est envoyé : l’aperçu, l’export HTML, le PDF et l’ouverture des fichiers fonctionnent localement dans ton navigateur. Pour éviter toute perte après un rechargement, l’éditeur conserve un brouillon dans le stockage local de ton navigateur. « Effacer » vide le champ de texte de la variante actuelle et le brouillon enregistré est alors lui aussi vide. L’aperçu n’exécute pas le HTML présent dans le texte, mais l’affiche comme du texte ; les liens utilisant un schéma non sécurisé comme javascript: sont supprimés.

D’autres questions ?

Contacter le support
Tu crées ton propre projet ?

Ton projet a besoin d’un serveur sur lequel il fonctionne de manière fiable

Un VPS ZAP-Hosting met ton application, ton bot ou ta documentation en ligne de façon fiable.

4,4/5 Trustpilot32 000+ Serveurs actifsDepuis 2010

Sans configuration. Sans risque. En ligne en quelques secondes.

Durée flexibleRésiliable à tout momentEn ligne en 60 secondes

Tu cherches d’autres outils ? Voir tous les outils de développement