add vitepress docs

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