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

import MindElixir, { E } from "mind-elixir";

<script src="https://cdn.jsdelivr.net/npm/mind-elixir@0.6.1/dist/mind-elixir.js"></script>

<div class="outer"><div id="map"></div></div>
<style>
  .outer {
    position: relative;
    margin: 50px;
  }
  #map {
    height: 500px;
    width: 100%;
    overflow: auto;
  }
</style>

let mind = new MindElixir({
  el: "#map",
  direction: MindElixir.LEFT,
  data: MindElixir.new("new topic"), // 也可以把 getDataAll 得到的数据初始化
  draggable: true, // 启用拖动 default true
  contextMenu: true, // 启用右键菜单 default true
  toolBar: true, // 启用工具栏 default true
  nodeMenu: true, // 启用节点菜单 default true
  keypress: true, // 启用快捷键 default true
});
mind.init();

// get a node
E("node-id");

mind.getAllData();
// see src/example.js

mind.insertSibling(E("bd4313fbac40284b"));