快速集成Notion-like编辑器并启用协作
要实现这个目标,需要按照以下步骤操作:
- 注册Tiptap账户并订阅Start计划以上传私有GitHub仓库获取模板代码
- 使用npm安装依赖包后,在.env文件中配置协作令牌:
TIPTAP_COLLAB_TOKEN=your_token
- 初始化编辑器时需指定协作房间ID:
<NotionEditor room="document-001" />
- 运行项目后,多人访问同一room_ID的文档即可实时看到彼此光标和编辑内容
关键点:必须使用Tiptap Cloud服务或自托管Hocuspocus服务器来处理编辑冲突,免费试用版可测试基础协作功能。
本答案来源于文章《Tiptap Notion-like Template:快速集成类似Notion的协作编辑器》