timi-tdesign-mobile/docs/scenarios/editor.md

编辑器能力总览

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

组合演示

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

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

:::

这个场景覆盖了什么

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

相关组件

• TiptapEditor
• TiptapView
• CodeEditor