Passer au contenu principal

Convertisseur Markdown vers HTML

Un outil pour convertir la syntaxe Markdown en HTML en temps réel. Prévisualisez votre markdown instantanément et générez du code HTML.

Markdown Input

Preview

HTML Output

Fonctionnalités principales​

  • Aperçu Markdown en temps réel
  • Génération automatique de code HTML
  • Support de diverses syntaxes Markdown
  • Copie HTML en un clic
  • 5 modèles d'exemples fournis

Syntaxe Markdown supportée​

1. Titres​

# Titre H1
## Titre H2
### Titre H3
#### Titre H4
##### Titre H5
###### Titre H6

2. Styles de texte​

**Texte en gras** ou __Texte en gras__
*Texte en italique* ou _Texte en italique_
~~Texte barré~~
`Code en ligne`

3. Listes​

## Liste non ordonnée
- Élément 1
- Élément 2
  - Élément imbriqué
  - Autre élément imbriqué

## Liste ordonnée
1. Premier élément
2. Deuxième élément
3. Troisième élément

4. Liens et images​

[Texte du lien](https://example.com)
![Texte alternatif](URL_image)

5. Blocs de code​

```javascript
function hello() {
  console.log("Hello World");
}
```

6. Citations​

> Ceci est une citation.
> Elle peut s'étendre sur plusieurs lignes.

7. Tableaux​

| En-tête1 | En-tête2 | En-tête3 |
|----------|----------|----------|
| Cellule1 | Cellule2 | Cellule3 |
| Cellule4 | Cellule5 | Cellule6 |

8. Lignes horizontales​

---
***
___

Cas d'utilisation​

Rédaction d'articles de blog​

# Mon premier article de blog

Bonjour ! Aujourd'hui, nous allons apprendre le **Markdown**.

## Qu'est-ce que Markdown ?

Markdown est un langage de balisage léger qui permet
d'écrire des documents en utilisant une *syntaxe simple*.

### Avantages
1. Facile à apprendre
2. Facile à lire
3. Large support de plateformes

Documentation​

# Documentation API

## Points de terminaison

### GET /api/users

Récupère la liste des utilisateurs.

**Exemple de réponse :**
```json
{
  "users": [
    {"id": 1, "name": "John"}
  ]
}

### Création de README
```markdown
# Nom du projet

Une brève description du projet

## Installation

```bash
npm install

Utilisation​

  1. Cloner le dépôt
  2. Installer les dépendances
  3. Démarrer le serveur

## Conseils

1. **Vérification en temps réel** : Écrivez le Markdown à gauche et voyez l'aperçu instantanément au centre.

2. **Copier le HTML** : Utilisez le bouton "Copy HTML" dans le panneau de droite pour copier le HTML généré.

3. **Utiliser les exemples** : Cliquez sur les boutons d'exemples en haut pour apprendre diverses syntaxes Markdown.

4. **Rédaction de blog** : Écrivez du contenu en Markdown et convertissez-le en HTML pour une publication directe sur le blog.

5. **Documentation** : Utile pour prévisualiser des documents techniques ou des fichiers README.

## Outils connexes

- [Base64 Encoder](/docs/playground/base64-encoder)
- [URL Encoder](/docs/playground/url-encoder)
- [HTML Formatter](/docs/playground/html-formatter)
- [Text Diff Checker](/docs/playground/text-diff-checker)