Slidev项目中观众模式下的笔记编辑权限问题分析

问题背景

Slidev是一款基于Web的幻灯片制作工具，它允许用户在演示过程中添加演讲者笔记。在最新发布的0.49.29版本中，存在一个关于笔记编辑权限控制的问题：即使设置了editor: false配置，观众仍然可以通过概览(overview)界面修改演讲者笔记。

技术细节分析

Slidev的权限控制系统主要通过以下几个配置项实现：

• presenter: 指定演示者身份
• editor: 控制是否允许编辑
• selectable: 控制幻灯片是否可选

在正常情况下，当设置editor: false时，系统应该禁止所有非演示者编辑笔记内容。然而，当前实现中存在一个权限控制问题：概览界面没有正确继承这些权限设置，导致观众可以绕过限制直接修改笔记。

问题复现步骤

1. 在幻灯片前端设置中配置：

presenter: dev
editor: false
selectable: true

2. 演示者启动服务并设置密码保护：

slidev --open --log error --remote=presenterPass --bind=localserver.ip

3. 观众访问普通视图时无法直接编辑笔记，但通过访问概览界面却能绕过限制进行修改。

解决方案探讨

目前社区提出了几种可能的解决方案：

方案一：完全禁用观众模式的概览功能

这是最彻底的解决方案，直接禁止观众访问概览界面。可以通过在路由配置中添加密码保护中间件实现：

{
  name: 'overview',
  path: '/overview',
  component: () => import('../pages/overview.vue'),
  beforeEnter: passwordGuard,
}

方案二：条件性禁用笔记编辑功能

在概览界面中添加权限检查，当检测到设置了密码保护时，自动禁用笔记编辑功能。这需要修改概览组件的模板逻辑，添加条件判断：

<NoteEditable v-if="configs.editor && !passwordSet" ... />

方案三：分离笔记同步机制

更复杂的解决方案是区分演示者笔记和观众笔记，允许观众在本地做笔记但不与演示者笔记同步。这需要实现：

1. 本地存储机制保存观众笔记
2. 笔记与幻灯片关联映射
3. 导出功能支持

实现建议

从技术实现角度看，方案二可能是最平衡的选择，它：

1. 保持了概览功能的可用性
2. 严格遵循了editor配置的意图
3. 对现有代码改动最小

具体实现需要在概览组件中：

1. 检测是否设置了远程密码
2. 根据editor配置和密码状态决定是否显示编辑控件
3. 保持其他功能不变

总结

权限控制是演示工具的重要功能，Slidev的这个权限控制问题虽然不影响核心功能，但可能造成演示者笔记被意外修改的问题。开发者可以根据实际需求选择上述解决方案之一进行修复。对于大多数使用场景，简单的权限检查增强就能有效解决问题，同时保持系统的灵活性。