25 lines
832 B
Markdown
25 lines
832 B
Markdown
# 编辑器能力总览
|
||
|
||
把富文本编辑器、只读视图与代码编辑器放在一个页面里，验证它们共用同一套内容模型与检索能力。
|
||
|
||
## 组合演示
|
||
|
||
:::preview 组合用法 || 标签切换而不是左右分栏——移动端宽度放不下分栏
|
||
|
||
demo-preview=../demos/scenarios/editor.vue
|
||
|
||
:::
|
||
|
||
## 这个场景覆盖了什么
|
||
|
||
- **富文本编辑**：工具栏、媒体上传、提交前的占位内容处理
|
||
- **只读渲染**：同一份 HTML 交给 `TiptapView`，展示效果与编辑态一致
|
||
- **代码编辑**：行号、语法高亮与查找替换
|
||
- **统一检索**：`openSearch()` 在两类编辑器上语义一致，便于封装统一的快捷键
|
||
|
||
## 相关组件
|
||
|
||
- [TiptapEditor](/components/tiptap-editor)
|
||
- [TiptapView](/components/tiptap-view)
|
||
- [CodeEditor](/components/code-editor)
|