首页
/ MindElixir-Core中insertSibling方法的正确使用方式

MindElixir-Core中insertSibling方法的正确使用方式

2025-06-30 15:08:14作者:魏献源Searcher

在MindElixir-Core思维导图库的开发过程中,节点操作是一个核心功能。其中insertSibling方法允许开发者在指定节点的前后插入兄弟节点,但需要注意其特殊的使用方式。

方法签名解析

insertSibling方法的完整签名如下:

insertSibling: (
    this: MindElixirInstance,
    type: 'before' | 'after',
    el?: Topic | undefined,
    node?: NodeObj | undefined
) => Promise<void>

参数详解

  1. type参数:决定插入位置

    • 'before':在目标节点前插入
    • 'after':在目标节点后插入
  2. el参数(可选):目标节点元素

    • 如果不提供,默认在当前选中节点位置操作
  3. node参数(可选):要插入的新节点数据

    • 如果不提供,会插入一个默认的空节点

实际应用示例

// 在当前选中节点后插入新节点
me.value.insertSibling('after')

// 在指定节点前插入特定内容
const newNode = { 
  topic: '新节点内容',
  id: MindElixir.newID()
}
me.value.insertSibling('before', targetElement, newNode)

注意事项

  1. 该方法返回的是Promise,需要使用await或.then()处理异步操作
  2. 如果同时省略el和node参数,将在当前选中节点位置插入一个默认空节点
  3. 新节点的id建议使用MindElixir.newID()生成以保证唯一性

理解这些细节可以帮助开发者更高效地使用MindElixir-Core进行思维导图的动态编辑和节点管理。

登录后查看全文
热门项目推荐
相关项目推荐