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

yvonne 发布于2019-08-26 10:29 / 1388人阅读

摘要：结构挂载的目标需要定宽高，可以是百分百外层元素建议设置，否则菜单位置以视窗为标准分布。函数在使用节点操作方法时需要传入的参数可以借助函数获得。

Github 地址： https://github.com/ssshooter/...

试用地址： https://mindelixir.ink/

Mind elixir 是一个免费开源的思维导图内核

立即试用

https://mindelixir.ink/#/

在项目中使用 安装 NPM

npm i mind-elixir -S

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

script 标签引入

HTML 结构

初始化

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")

Data Export

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

使用提示 direction 选项

direction 选项可选 MindElixir.LEFT、MindElixir.RIGHT 和 MindElixir.SIDE。

HTML 结构

挂载的目标需要定宽高，可以是百分百；外层元素建议设置 position: relative;，否则菜单位置以视窗为标准分布。

E 函数

在使用节点操作方法时需要传入的参数可以借助 E 函数获得。

mind.insertSibling(E("bd4313fbac40284b"))

文档

https://inspiring-golick-3c01...

依赖

hotkeys-js

GPU云服务器云服务器好看的c语言思维导图思维导图日本思维导图 javascript思维导图

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106260.html

[Thinking in java] IO思维导图

摘要：总觉书翻过一遍，就很容易忘。在网上看到了用思维导图做记录的方式。记录下学习部分的思维导图，对自己的知识做一个梳理。如果图片看不清楚的话，可以来这个链接下载总觉书翻过一遍，就很容易忘。在网上看到了用思维导图做记录的方式。记录下学习TJ4 IO部分的思维导图，对自己的知识做一个梳理。 showImg(https://segmentfault.com/img/remote/14600000...

My_Oh_My 2019-08-16 10:58 评论0 收藏0
Spring IOC知识点一网打尽！

摘要：使用的好处知乎的回答不用自己组装，拿来就用。统一配置，便于修改。前言只有光头才能变强回顾前面：给女朋友讲解什么是代理模式包装模式就是这么简单啦单例模式你会几种写法？工厂模式理解了没有？在刷Spring书籍的时候花了点时间去学习了单例模式和工厂模式，总的来说还是非常值得的！本来想的是刷完《Spring 实战 (第4版)》和《精通Spring4.x 企业应用开发实战》...

djfml 2019-08-15 17:50 评论0 收藏0
无监控、不运维。运维系统架构设计附带思维导图

摘要：无监控不运维运维行业有句话无监控不运维。没了监控，什么基础运维，业务运维都是瞎子。监控报警模块此模块主要完成监控脚本的设置报警规则设置，报警阀值设置报警联系人设置等，并将报警结果进行集中展现和历史记录。常见的监控报警工具有等。无监控、不运维运维行业有句话：无监控、不运维。是的，一点也不夸张，监控俗称第三只眼。没了监控，什么基础运维，业务运维都是瞎子。** 开篇所以说监控是运维这个...

Freeman 2019-06-24 18:19 评论0 收藏0
无监控、不运维。运维系统架构设计附带思维导图

摘要：无监控不运维运维行业有句话无监控不运维。没了监控，什么基础运维，业务运维都是瞎子。监控报警模块此模块主要完成监控脚本的设置报警规则设置，报警阀值设置报警联系人设置等，并将报警结果进行集中展现和历史记录。常见的监控报警工具有等。无监控、不运维运维行业有句话：无监控、不运维。是的，一点也不夸张，监控俗称第三只眼。没了监控，什么基础运维，业务运维都是瞎子。** 开篇所以说监控是运维这个...

tianhang 2019-05-28 17:13 评论0 收藏0