替换为所见即所得编辑器
广告
{{v.name}}
📋 原始需求(task.md):
detail.html将现在的内容输入框改为所见即所得编辑器,可以直接用已有的js库来实现这件事 改成所见即所得编辑器之后,保存笔记再打开就报错:加载笔记失败:Cannot read properties of undefined (reading 'mutations')
detail.html将现在的内容输入框改为所见即所得编辑器,可以直接用已有的js库来实现这件事 改成所见即所得编辑器之后,保存笔记再打开就报错:加载笔记失败:Cannot read properties of undefined (reading 'mutations')
将 detail.html 中原有的纯文本/普通输入框,替换为所见即所得(WYSIWYG)编辑器,可直接引入成熟的 js 库(如 Quill、TinyMCE 等)来实现富文本编辑。
遇到的新问题
- 改成所见即所得编辑器后,保存笔记再打开时报错:
加载笔记失败:Cannot read properties of undefined (reading 'mutations')
排查方向
- “reading 'mutations'” 通常是编辑器对应的状态/store 实例未正确初始化,或组件在加载已有笔记数据前就被销毁/重建。
- 确保打开已有笔记时,先拿到笔记内容数据,再初始化编辑器实例;保存时把编辑器内容正确回写到笔记字段。
- 检查编辑器库的加载/销毁时机,避免重复挂载导致内部 store 为 undefined。