47. 🤝 协作与编辑 Collaboration & Editing ★★★★★

🌏 Web 网页规范

  • 在线状态指示:头像堆叠 (Avatar Stack) 展示当前协同用户,悬停查看在线时长
  • 实时光标追踪:每个协作者分配独立色彩的光标与姓名标签,选区以半透明色块高亮
  • 评论锚定线程:批注绑定到文档段落或坐标,支持内联回复与已解决折叠
  • 富文本编辑器:Block-based 块编辑器 (Notion 风格),Slash 命令插入内容块,工具栏浮出跟随选区

📱 App 移动端规范

  • 移动协同编辑:简化工具栏固定底部,@提及触发通讯录选择器
  • 推送通知驱动:文档变更实时推送,锁屏预览摘要,点击直跳变更段落
  • 语音评论替代:长按录音附加语音批注,自动转文字与原文并行存储
  • 冲突感知提示:检测到并发编辑时顶部浮现"他人正在编辑"横幅

Web 实时协作编辑与多人光标追踪

Web Real-time Collaboration, Live Cursors & Inline Comments

Web 实时协作的核心体验是多人存在感 (Presence)——通过头像堆叠展示在线协作者,每位用户被分配独立色彩的光标和选区高亮,让编辑动态一目了然。富文本编辑器采用Block-based 块级架构,支持 Slash 命令快速插入代码块、表格、看板等结构化内容。@提及触发用户搜索自动补全,评论线程锚定到具体段落形成上下文对话。当出现编辑冲突时,界面展示分歧版本对比供用户手动合并。

App 移动协同与推送驱动编辑

App Mobile Co-editing, @Mention Picker & Push Notification Edits

移动端协作受限于屏幕尺寸,工具栏精简至核心操作并固定于底部键盘上方。@提及通过原生通讯录选择器实现,支持按部门/最近联系人快速搜索。文档变更通过推送通知实时触达——锁屏展示变更摘要,点击直接跳转至被修改段落。语音评论作为文字替代方案,长按录音后自动转文字,原音频与转录文本并行存储供回溯。

LIVE PLAYGROUND: 多人实时协作编辑场景模拟 观察彩色光标与协作者头像堆叠,点击右侧按钮切换评论侧栏
https://web.meta-ui.edu/collaboration
09:41
📶 🔋
📝 产品需求文档 v2.3
YU
LI
WA
3 人在线

一、项目背景

本季度核心目标是完成企业级权限管理系统的全面升级,涵盖角色定义、资源矩阵和审计追踪三大模块。

预计影响范围包括现有全部 SaaS 租户 YU 正在编辑 ,需提前 2 周进行灰度发布验证。

二、技术方案 LI 正在选区

采用 RBAC (Role-Based Access Control) 模型,权限粒度细化至功能级别。前端使用可视化矩阵组件,后端通过策略引擎动态鉴权。

@zhangsan 于 09:30 添加

💬 评论线程 (2)
YU
YU 09:28

灰度发布的比例建议从 5% 开始,而非原计划的 10%。

WA
同意,更稳妥 ✓
LI
LI 09:35

RBAC 模型需要补充 ABAC 的扩展路径说明。

📝 产品需求文档
YU
LI
● 2人编辑中
⚠️ LI 正在编辑"技术方案"段落

一、项目背景

本季度核心目标是完成企业级权限管理系统的全面升级。

@zhangsan 补充细节

📋 大模型统一 Prompt (LLM Prompt)