mindmap-editor
TypeScript icon, indicating that this package has built-in type declarations

0.0.5-alpha.2 • Public • Published

Mindmap-Tree

A Web-Based Javascript Mindmap

npm ci

简体中文文档

mindmap-tree demo

Demo

Demo

Feature

  • Add & Delete Node
  • Edit Node Text
  • Undo & Redo
  • Change Scale
  • Drag Node to change Father
  • Keyboard operation
  • Multi select
  • Expand & Shrink Node

Get Started

Installation

npm install -S mindmap-tree

Usage

<body>
  <div id="container" style="width:100vh;height:100vh;"></div>
</body>
import MindmapTree from 'mindmap-tree';
import 'mindmap-tree/style.css';

new MindmapTree({
  container: '#container',
});

Params

MindmapTree constructor options:

Prop Type Default Description
container String | Element '' HTML element of container
data NodeDataMap Record<string, NodeData> Initial data of mindmap
isDebug Boolean false Is debug or not

NodeData params:

Prop Type Default Description
label String '' Node label
direction Number 0 Node direction, 1:right, 0:none, -1:left
isRoot Boolean false Is root node or not
children String[] [] children ids
isExpand Boolean true To expand node or not

License

MIT

Copyright (c) 2023 - present, RockyRen

Readme

Keywords

Package Sidebar

Install

npm i mindmap-editor

Weekly Downloads

0

Version

0.0.5-alpha.2

License

MIT

Unpacked Size

5.21 MB

Total Files

8

Last publish

Collaborators

  • pengchen