# 编辑器能力总览

把富文本编辑器、只读视图与代码编辑器放在一个页面里，验证它们共用同一套内容模型与检索能力。

## 组合演示

:::preview 组合用法 || 标签切换而不是左右分栏——移动端宽度放不下分栏

demo-preview=../demos/scenarios/editor.vue

:::

## 这个场景覆盖了什么

- **富文本编辑**：工具栏、媒体上传、提交前的占位内容处理
- **只读渲染**：同一份 HTML 交给 `TiptapView`，展示效果与编辑态一致
- **代码编辑**：行号、语法高亮与查找替换
- **统一检索**：`openSearch()` 在两类编辑器上语义一致，便于封装统一的快捷键

## 相关组件

- [TiptapEditor](/components/tiptap-editor)
- [TiptapView](/components/tiptap-view)
- [CodeEditor](/components/code-editor)