This project has been moved to https://github.com/awehook/blink-mind .

blink-mind-react

Important

I have refactored the library using middleware infrastructure and created a new git repository blink-mind. Customization of any desired effect can be achieved by writing a plugin based on the new library.

重要说明

这个项目已经被移动到 https://github.com/awehook/blink-mind.

Introduction

A mind map library for react write in typescript which use immutable.js for state management.

The mind map can drag to any area of the view container area.

Editing a node with a rich text editor.

I have created app use this library.

https://github.com/awehook/react-mindmap

The online demo is react-mindmap

Futures

1. drag and move

2. drag and drop for reorganize the node relationship

3. popup menu for operation the node

4. rich text editor for mind map item

Usage

In your project, run the command

yarn add blink-mind-react

I have created a sample app to demonstrate how to use this library.

The main code

Run the Demo

yarn
yarn storybook

Then open http://localhost:6006/ . Click the demo1 menu item.

Dependency

This library integrate the rich-markdown-editor which url is https://github.com/outline/rich-markdown-editor. I have modified some code of rich-markdown-editor. And this library used the library which forked from rich-markdown-editor and modified some code by me. The forked library's url is https://github.com/awehook/rich-markdown-editor.