Package Exports
- mind-elixir
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mind-elixir) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Mind elixir is a free open source mind map core.
Use now
Playground
https://codepen.io/ssshooter/pen/GVQRYK
React https://codesandbox.io/s/mind-elixir-playground-9sisb
Use in your project
Install
NPM
npm i mind-elixir -Simport MindElixir, { E } from 'mind-elixir'Script tag
<script src="https://cdn.jsdelivr.net/npm/mind-elixir/dist/mind-elixir.js"></script>HTML structure
<div id="map"></div>
<style>
#map {
height: 500px;
width: 100%;
}
</style>Init
let mind = new MindElixir({
el: '#map',
direction: MindElixir.LEFT,
// create new map data
data: MindElixir.new('new topic'),
// or set as data that is return from `.getAllData()`
data: {...},
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 Structure
// whole node data structure up to now
{
topic: 'Font Size',
id: 'bd1c24420cd2c2f5',
style: { fontSize: '32', color: '#3298db', background: '#ecf0f1' },
parent: null,
tags: ['Tag'],
icons: ['π'],
}Event Handling
mind.bus.addListener('operation', operation => {
console.log(operation)
// return {
// name: action name,
// obj: target object
// }
// name: [insertSibling|addChild|removeNode|beginEdit|finishEdit]
// obj: target
// name: moveNode
// obj: {from:target1,to:target2}
})
mind.bus.addListener('selectNode', node => {
console.log(node)
})Data Export
mind.getAllData() // javascript object, see src/example.js
mind.getAllDataString() // stringify object
mind.getAllDataMd() // markdown