Milkdown插件trailing配置不当导致浏览器崩溃问题分析

问题现象

在使用Milkdown富文本编辑器时，当用户配置@milkdown/plugin-trailing插件的shouldAppend选项直接返回true时，会导致浏览器崩溃。而使用默认配置则不会出现此问题。

问题本质

这实际上不是Milkdown本身的bug，而是与ProseMirror底层工作机制相关的一个预期行为。当shouldAppend无条件返回true时，会触发一个无限循环的更新过程：

1. 编辑器触发更新事件
2. 更新事件在文档末尾添加一个新节点
3. 添加节点又触发新的更新事件
4. 新的更新事件再次在末尾添加节点
5. 如此循环往复，最终导致浏览器资源耗尽而崩溃

正确使用方式

@milkdown/plugin-trailing插件设计初衷是在文档末尾自动添加空白段落，但需要合理控制添加条件。默认配置已经提供了安全的使用方式：

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

这种配置会：

• 当没有最后节点时，不添加
• 当最后节点是标题或段落时，不添加
• 其他情况下才添加新段落

实际应用建议

如果开发者确实需要在文档末尾始终保持一个空白段落，可以修改判断条件，但必须确保不会造成无限循环。例如：

shouldAppend: (lastNode) => {
  if (!lastNode) return true
  if (lastNode.type.name === 'paragraph' && lastNode.content.size === 0) return false
  return true
}

这种配置会检查最后节点是否已经是空段落，如果是则不再添加，避免重复添加导致的循环问题。

总结

在使用Milkdown的trailing插件时，开发者需要理解ProseMirror的更新机制，合理配置shouldAppend函数，避免触发无限更新循环。正确的做法不是简单地返回true，而是要根据文档实际状态进行条件判断，在需要时才添加新段落。