替换为所见即所得编辑器
广告
{{v.name}}
📋 原始需求(task.md):

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。
友链