Milkdown 插件中无限循环问题的分析与解决

问题背景

在使用Milkdown编辑器时，开发者可能会遇到一个关于@milkdown/plugin-trailing插件的特殊问题。该插件的主要功能是在文档末尾自动添加空白节点，以改善编辑体验。然而，当开发者尝试修改其配置，将shouldAppend函数始终返回true时，会导致浏览器崩溃。

技术原理分析

这个问题本质上与ProseMirror的工作机制有关。ProseMirror作为Milkdown的底层编辑器框架，采用了一种基于事务的更新模型：

1. 编辑器触发更新事件
2. 更新事件在文档末尾添加新节点
3. 新节点的添加又会触发新的更新事件
4. 系统进入无限循环，最终导致浏览器崩溃

正确的配置方式

Milkdown提供的默认配置已经考虑到了这个问题：

shouldAppend: (lastNode) => {
  if (!lastNode) return false
  if (['heading', 'paragraph'].includes(lastNode.type.name)) return false
  return true
}

这种实现方式通过检查最后一个节点的类型来避免无限循环：

• 当文档为空时（无lastNode），不添加
• 当最后一个节点是标题或段落时，不添加
• 其他情况下才添加新节点

实际应用建议

如果开发者确实需要在文档末尾始终保持一个空白行，可以采用以下替代方案：

1. 在编辑器初始化完成后，手动添加一个空白段落
2. 监听编辑器变化事件，在必要时补充空白行
3. 扩展默认配置，添加更多节点类型判断

总结

这个案例很好地展示了编辑器插件开发中的一个重要原则：任何可能触发编辑器内容变更的操作都必须谨慎处理，避免形成无限循环。理解底层框架(ProseMirror)的工作原理对于正确使用和扩展Milkdown至关重要。