JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 26
  • Score
    100M100P100Q36524F
  • License MIT

a react mind map library written in typescript

Package Exports

  • blink-mind-react

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 (blink-mind-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

blink-mind-react

MIT npm version

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.