---
title: Editor de código: multilenguaje
slug: docs/es/editor-de-codigo-multilenguaje
docTags: 
createdAt: 2026-06-05T12:38:09.872Z
---

[Editor de código: multiidioma](docId\:YOdGNReMHPWcL0frvK__I) agrupa múltiples fragmentos de código en un único contenedor con un selector de lenguaje. Son útiles para presentar ejemplos en diferentes lenguajes de programación sin ocupar espacio adicional.

## Sintaxis

Usted puede agregar este componente utilizando Markdown o 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>
````
:::
::::

Cada bloque de código entre comillas dentro de un contenedor `CodeblockTabs` se convierte en una pestaña separada. El título de la pestaña se genera automáticamente a partir del identificador de lenguaje del bloque de código, como `javascript`, `python`, o `bash`.

Si solo necesita mostrar un único fragmento, utilice en su lugar un bloque de código estándar.

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