---
title: Code-Editor: mehrsprachig
slug: docs/de/code-editor-mehrsprachig
createdAt: 2026-06-05T12:38:09.872Z
---

[Code-Editor: Mehrsprachig](docId\:eRPkctjSIIMtacUQCbtyF) Blöcke gruppieren mehrere Code-Snippets in einem einzigen Container mit einem Sprachumschalter. Sie sind nützlich, um Beispiele in verschiedenen Programmiersprachen darzustellen, ohne zusätzlichen Platz zu beanspruchen.

## Syntax

Sie können diese Komponente entweder mit Markdown oder MDX hinzufügen.

::::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>
````
:::
::::

Jeder eingerahmte Codeblock innerhalb eines `CodeblockTabs` Containers wird zu einem eigenen Tab. Der Tab-Titel wird automatisch aus dem Sprachkennzeichen des Codeblocks generiert, wie zum Beispiel `JavaScript`, `Python`, oder `bash`.

Wenn Sie nur ein einzelnes Snippet anzeigen müssen, verwenden Sie stattdessen einen standardmäßigen eingerahmten Codeblock.

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