Awesome Open Source
Awesome Open Source

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

blink-mind-react

MIT npm version

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

image

  1. drag and drop for reorganize the node relationship

image

  1. popup menu for operation the node

image

  1. rich text editor for mind map item

image

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. image

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.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (67,507
typescript (9,998
react (5,057
library (1,260
markdown (809
js (492
mindmap (39
immutablejs (37

Find Open Source By Browsing 7,000 Topics Across 59 Categories