Mode d’emploi : Convertisseur Markdown en HTML
- Rédigez votre texte en syntaxe Markdown dans la zone de gauche, ou collez-y le contenu d’un fichier README.md.
- Vérifiez le rendu final dans l’onglet Aperçu à droite, et les balises générées dans l’onglet Code HTML.
- Cliquez sur Copier le HTML pour le coller dans l’éditeur HTML de votre blog ou un modèle d’e-mail, ou sur Enregistrer en .html pour l’ouvrir dans votre navigateur.
- Votre saisie est enregistrée automatiquement dans ce navigateur : vous la retrouverez lors de votre prochaine visite.
Aide-mémoire de la syntaxe Markdown
| Élément | Markdown | Résultat HTML |
|---|---|---|
| Titres | # Titre 1, ## Titre 2 | <h1>, <h2> |
| Gras / italique | **gras**, *italique* | <strong>, <em> |
| Barré | ~~barré~~ | <del> |
| Lien | [Tooljip](https://tooljip.com) | <a href> |
| Image |  | <img> |
| Listes | - élément, 1. élément | <ul>, <ol> |
| Liste de tâches | - [x] terminé | Liste à cases à cocher |
| Citation | > citation | <blockquote> |
| Code en ligne | `code` | <code> |
| Bloc de code | ```js … ``` | <pre><code> |
| Tableau | | Nom | Valeur ||---|---| | <table> |
| Ligne de séparation | --- | <hr> |
Comment le Markdown devient du HTML (et les pièges à éviter)
Le Markdown indique la structure d’un document à l’aide de symboles simples et lisibles ; le convertisseur les transforme ensuite en balises HTML. Tooljip utilise les règles GitHub (GFM) de la bibliothèque marked, très répandue : le résultat est donc quasiment identique à celui d’un README sur GitHub.
- Retours à la ligne : un simple appui sur Entrée prolonge le même paragraphe. Pour créer un nouveau paragraphe, laissez une ligne vide.
- Indentation des listes : indentez les sous-listes de 2 à 4 espaces.
- Caractères spéciaux : pour afficher un
*ou un#tel quel, faites-le précéder d’une barre oblique inversée (\*). - HTML direct : vous pouvez mêler des balises HTML à votre Markdown ; elles sont conservées telles quelles dans le code généré.
Un aperçu isolé et sécurisé
Même si un Markdown copié ailleurs contient du code comme <script>, l’aperçu de Tooljip s’affiche dans une zone isolée (iframe sandbox) qui n’exécute aucun script. Le simple fait de consulter l’aperçu n’a donc aucun effet sur votre navigateur.
En revanche, publier tel quel le HTML converti sur votre propre site est une autre affaire. Si vous utilisez du Markdown provenant de tiers dans un forum ou un service en ligne, filtrez-le toujours côté serveur pour ne conserver que les balises autorisées (assainissement ou « sanitize »).
Pour rédiger vos articles de blog et vos README
Les README GitHub, les notes Notion ou Obsidian et de nombreux blogs techniques reposent sur le Markdown. À l’inverse, certains éditeurs de blog ou de newsletters n’acceptent que le HTML. Rédigez rapidement votre brouillon en Markdown, générez le HTML avec cet outil puis collez-le : vous gagnerez beaucoup de temps sur la mise en forme. Pour connaître la longueur de votre texte, utilisez le compteur de caractères.