Introduction
simple-mind-map is a simple and powerful web mind map library, not dependent on any specific framework.
Features
Plugin architecture. In addition to core functions, other functions are provided as plugins, which can be used as needed to reduce the overall volume Supports four types of structures: logical structure diagrams, mind maps,
organizational structure diagrams, and directory organization diagramsBuilt-in multiple themes and allows for highly customized styles, and support register new themes Supports shortcuts Node content supports images, icons, hyperlinks, notes, tags, and
summariesSupports forward and backward navigation Supports dragging and scaling Supports right-click and Ctrl + left-click to select multiple items Supports free dragging and dragging to adjust nodes Supports various node shapes Supports export to json, png, svg, pdf, and import from json, xmind Supports mini mapăsupport watermark
Table of Contents
1.simple-mind-map
This is a mind map tool library that is framework-agnostic and can be used with
frameworks such as Vue and React, or without a framework.
2.web
This is an online mind map built using the simple-mind-map library and based
on Vue2.x and ElementUI. Features include:
Toolbar, which supports inserting and deleting nodes, and editing node
images, icons, hyperlinks, notes, tags, and summariesSidebar, with panels for basic style settings, node style settings,
outline, theme selection, and structure selectionImport and export functionality; data is saved in the browser's local
storage by default, but it also supports creating, opening, and editing
local files on the computer directlyRight-click menu, which supports operations such as expanding, collapsing,
and organizing layoutBottom bar, which supports node and word count statistics, switching
between edit and read-only modes, zooming in and out, and switching to
full screen, support mini map
Provide document page service.
3.dist
The folder containing the packaged resources for the web folder.
4.docs
Documentation, etc.
Related Articles
Technical Analysis of Web Mind Map Implementation (chi)
Only a hundred lines of code are needed to add local file operation capability to your Web page. Are you sure not to try?
Special Note
This project is rough and has not been thoroughly tested, its features are not
yet fully developed, and there are some performance issues, especially when the number of nodes is large. It is only for
learning and reference purposes and please use it carefully for actual projects.
The built-in themes and icons in the project come from:
Baidu Mind Map
Zhixi Mind Map
Respect the copyright, and do not use the theme and icons directly for commercial projects.
License
MIT