**1. `packages/plugin-playground/src/cli/index.ts`**
- 将 `defaultRenderMode` 默认值从 `'playground'` 改为 `'pure'`
- 更新 JSDoc 注释中的 `@default`
- 移除 `removePlugin('@rspress/plugin-preview')` 调用，允许两个插件同时使用

**2. `e2e/fixtures/plugin-playground/rspress.config.ts`**
- 添加 `defaultRenderMode: 'playground'` 保持原有测试行为

**3. 新建 `e2e/fixtures/plugin-playground-preview/`**
- `package.json` - 同时依赖两个插件
- `tsconfig.json`
- `rspress.config.ts` - 配置两个插件（都使用默认 `pure` 模式）
- `doc/index.mdx` - 测试三种场景：
  - 无 meta：渲染为普通代码块
  - `playground` meta：使用 plugin-playground
  - `preview` meta：使用 plugin-preview
- `index.test.ts` - 验证两个插件可以同时工作

**plugin-preview 文档** (英文/中文):
- 添加了 `:::warning` 提示不建议修改默认值，否则影响与 plugin-playground 的连用

**plugin-playground 文档** (英文/中文):
- 将 `defaultRenderMode` 默认值从 `'playground'` 更新为 `'pure'`
- 统一了文档格式（添加了 Type 和 Default 字段）
- 添加了 `:::warning` 提示不建议修改默认值，否则影响与 plugin-preview 的连用

**1. 重写了 plugin-playground 文档（中英文）**

参考 plugin-preview 的文档风格，重新组织了文档结构：
- 添加了完整的交互示例（计数器 demo）
- 使用 ` ```jsx playground ` 语法展示可编辑的 Playground
- 添加了外部文件引用的示例 (`_playgroundDemo.jsx`)
- 添加了布局方向（direction）章节，展示 horizontal/vertical 模式
- 重新组织了配置选项，统一了格式（Type/Default）
- 保留了 `defaultRenderMode` 的 warning 提示

**2. 在 website 中注册了 plugin-playground**

- `website/package.json`: 添加了 `@rspress/plugin-playground` 依赖
- `website/rspress.config.ts`:
  - 导入 `pluginPlayground`
  - 在 plugins 数组中注册 `pluginPlayground()`
- 创建了外部 demo 文件：
  - `website/docs/zh/plugin/official-plugins/_playgroundDemo.jsx`
  - `website/docs/en/plugin/official-plugins/_playgroundDemo.jsx`

现在 plugin-playground 文档页面会包含可交互的 Playground 示例，用户可以直接在文档中编辑代码并看到实时效果。

1. 该插件可与 plugin-preview 一起使用
2. plugin-playground 的代码编译发生在浏览器中
3. 因此用法限制比 plugin-preview 更多（例如不支持从本地文件导入模块）
4. 建议将 plugin-playground 作为 plugin-preview 的补充，用于需要实时编辑代码的场景