---
title: Éditeur de code : multilingue
slug: docs/fr/am49-editeur-de-code-multilingue
createdAt: 2026-06-05T12:38:09.872Z
---

[Éditeur de code : multilingue](docId:9h6qJpsLDGr0J3o9xDD8K) regroupe plusieurs extraits de code dans un seul conteneur avec un sélecteur de langue. Ils sont utiles pour présenter des exemples dans différents langages de programmation sans occuper plus d’espace.

## Syntaxe

Vous pouvez ajouter ce composant en utilisant soit Markdown soit MDX.

::::Tabs
:::Tab{title="Markdown"}
````markdown
:::CodeblockTabs

```javascript
const greeting = 'Hello, world!'
console.log(greeting)
```

```python
greeting = "Hello, world!"
print(greeting)
```

```bash
echo "Hello, world!"
```

:::
````
:::

:::Tab{title="MDX"}
````javascript
<CodeblockTabs>

```javascript
const greeting = 'Hello, world!'
console.log(greeting)
```

```python
greeting = "Hello, world!"
print(greeting)
```

```bash
echo "Hello, world!"
```

</CodeblockTabs>
````
:::
::::

Chaque bloc de code délimité à l’intérieur d’un conteneur `CodeblockTabs` devient un onglet distinct. Le titre de l’onglet est généré automatiquement à partir de l’identifiant du langage du bloc de code, comme `javascript`, `python`, ou `bash`.

Si vous devez afficher un seul extrait, utilisez plutôt un bloc de code délimité standard.

````markdown
```javascript
const x = 1
```
````