Aller au contenu
Français
Tous les outils

Catégories

Outils développeurEncodage & décodageJSON & donnéesHash & checksumOutils de texteDate & heureOutils réseauOutils de fichiersMarkdown & diagrammes

Éditeur Markdown et aperçu en direct

Saisissez ou collez du Markdown d’un côté et lisez le rendu de l’autre, avec des statistiques instantanées sur le document.

Traité localement dans votre navigateur

Options
0 caractères · 0 lignes
Le résultat apparaîtra ici.

Qu'est-ce que Éditeur Markdown et aperçu en direct ?

Le Markdown est un format texte brut pour les titres, listes, liens, tableaux et blocs de code, qui se convertit en HTML propre. C’est le format d’écriture des fichiers README, des wikis, des sites de documentation et de nombreuses applications de notes.

Cet éditeur rend le Markdown GitHub (tableaux, listes de tâches, texte barré, code délimité) et fait passer le résultat par un nettoyeur HTML strict avant l’affichage : un contenu collé ne peut donc jamais exécuter de script. À côté de l’aperçu, vous obtenez le nombre de mots, de caractères, de titres, de liens, d’images, de blocs de code et de tâches.

Comment ça marche ?

  1. Écrivez ou collez du Markdown dans la zone de saisie, ou chargez l’exemple pour voir la syntaxe prise en charge.
  2. Lisez l’aperçu en direct ; activez les retours à la ligne, le HTML sûr intégré et l’ouverture des liens dans un nouvel onglet.
  3. Consultez les statistiques (mots, caractères, temps de lecture, titres, liens) pour évaluer la taille du document.
  4. Copiez votre Markdown, ou passez à Markdown en HTML pour obtenir le code source HTML.

Cas d'usage courants

  • Prévisualiser un README ou la description d’une pull request avant de la valider.
  • Rédiger une documentation ou un article de blog en surveillant le nombre de mots et le temps de lecture.
  • Vérifier qu’un tableau ou une liste de tâches s’affiche correctement sur les plateformes de type GitHub.
  • Apprendre la syntaxe Markdown avec un aperçu instantané et sûr.

Exemples

Essayez cette saisie dans l'outil ci-dessus :

# Release notes

A short **Markdown** demo with *emphasis*, ~~strikethrough~~ and `inline code`.

## Checklist

- [x] Write the draft
- [x] Add a table and a code block
- [ ] Review the [style guide](https://example.com/style-guide)
- [ ] Publish

## Steps

1. Install the dependencies
2. Run the build
3. Check the output

## Comparison

| Format   | Readable | Portable |
|----------|:--------:|---------:|
| Markdown | yes      | high     |
| HTML     | partly   | high     |
| PDF      | yes      | medium   |

```js
const greet = (name) => `Hello, ${name}!`;
console.log(greet("world"));
```

> Tip: a blank line starts a new paragraph.

---

See the [documentation](https://example.com/docs) fo
…

Confidentialité

Éditeur Markdown et aperçu en direct s'exécute entièrement dans votre navigateur. Le texte ou les fichiers que vous fournissez sont traités sur votre appareil et ne sont ni envoyés, ni journalisés, ni stockés sur nos serveurs.

Limites

Le rendu suit le Markdown de GitHub, mais d’autres plateformes diffèrent légèrement. Les scripts, gestionnaires d’événements, styles et liens javascript: sont toujours supprimés de l’aperçu, et les images intégrées sont chargées par votre navigateur depuis leur propre adresse.

Questions fréquentes

Mon Markdown est-il envoyé quelque part ?

Non. L’analyse, le nettoyage et le rendu se font dans l’onglet de votre navigateur ; rien n’est transmis à un serveur.

Pourquoi mon HTML brut a-t-il disparu de l’aperçu ?

L’aperçu ne conserve qu’une liste blanche de balises sûres. Des éléments comme <script>, <iframe> ou <style> et des attributs comme onclick ou style sont supprimés volontairement.

Les listes de tâches et tableaux GitHub sont-ils pris en charge ?

Oui. Les lignes du type « - [x] fait » deviennent des cases à cocher en lecture seule, et les tableaux avec barres verticales et marqueurs d’alignement :---: sont rendus en tableaux HTML.

Outils associés

Plus d'outils dans Markdown & diagrammes →