---
title: 代码编辑器：多语言
slug: docs/cn/jrFVjgZ5u1hJIORfrjoh6
createdAt: 2026-06-05T12:38:09.872Z
---

[代码编辑器：多语言](docId\:u3YcqvVjw29KkZC1Y9NSw) 块将多个代码片段组合到一个带有语言切换器的单个容器中。它们对于在不占用额外空间的情况下以不同编程语言呈现示例非常有用。

## 语法

您可以使用 Markdown 或 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>
````
:::
::::

在 `CodeblockTabs` 容器中的每个围栏代码块都会变成一个独立的标签页。标签标题会根据代码块的语言标识符自动生成，例如 `JavaScript`、`Python` 或 `bash`。

如果您只需要显示一个代码片段，请改用标准的围栏代码块。

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