无框架依赖的思维导图内核 Mind Elixir 开源！

开发工具

2023-11-14 08:46:50

无框架依赖的思维导图内核 Mind Elixir 开源啦

Mind Elixir是一款无框架依赖的思维导图内核。它的核心算法基于Notion 的树形结构。通过使用 Mind Elixir，开发者可以轻松创建自己的思维导图应用程序，而无需担心框架依赖。

特性

Mind Elixir 提供了以下特性：

无框架依赖
基于 Notion 的树形结构
可自定义的主题
支持键盘快捷键
导出为多种格式（例如 PNG、PDF、SVG）

用例

Mind Elixir 可以用于以下场景：

创建思维导图笔记
头脑风暴和创意生成
项目规划和管理
学习和记忆

安装

Mind Elixir 可以通过 npm 安装：

npm install mind-elixir

使用

要使用 Mind Elixir，您需要创建一个 MindElixir 实例并将其附加到一个 DOM 元素：

const mindElixir = new MindElixir({
  target: document.getElementById('my-mind-elixir'),
});

然后，您可以使用 Mind Elixir API 来创建和管理思维导图。例如，要创建根节点，您可以使用以下代码：

const rootNode = mindElixir.createRootNode({
  content: '根节点',
});

要创建子节点，您可以使用以下代码：

const childNode = mindElixir.createNode({
  content: '子节点',
  parent: rootNode,
});

示例

以下是一个简单的 Mind Elixir 示例：

const mindElixir = new MindElixir({
  target: document.getElementById('my-mind-elixir'),
});

const rootNode = mindElixir.createRootNode({
  content: '思维导图',
});

const node1 = mindElixir.createNode({
  content: '分支 1',
  parent: rootNode,
});

const node2 = mindElixir.createNode({
  content: '分支 2',
  parent: rootNode,
});

const node3 = mindElixir.createNode({
  content: '分支 3',
  parent: rootNode,
});