(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-53cf9065"],{"076b":function(t,e,c){t.exports=c.p+"img/alipay.6b6aea86.jpg"},4710:function(t,e,c){"use strict";c.r(e);var i=function(){var t=this;t._self._c;return t._m(0)},o=[function(){var t=this,e=t._self._c;return e("div",[e("h1",[t._v("简介")]),e("p",[e("code",[t._v("simple-mind-map")]),t._v("是一个简单&强大的Web思维导图库，不依赖任何特定框架。可以帮助你快速开发思维导图产品。")]),e("blockquote",[e("p",[t._v("如果你只是想使用思维导图，你也完全可以把本项目的demo作为一个普通的在线思维导图工具使用。点击右上角的【在线示例】开始使用吧。")]),e("p",[t._v("另外也提供了客户端可供下载，支持"),e("code",[t._v("Windows")]),t._v("、"),e("code",[t._v("Mac")]),t._v("及"),e("code",[t._v("Linux")]),t._v("，"),e("a",{attrs:{href:"/mind-map/#/doc/zh/client"}},[t._v("点此了解更多")]),t._v("。")])]),e("h2",[t._v("特性")]),e("ul",[e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox0",checked:"true"}}),e("label",{attrs:{for:"checkbox0"}},[t._v("插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小整体体积")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox1",checked:"true"}}),e("label",{attrs:{for:"checkbox1"}},[t._v("支持逻辑结构图、思维导图、组织结构图、目录组织图、时间轴、鱼骨图六种结构")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox2",checked:"true"}}),e("label",{attrs:{for:"checkbox2"}},[t._v("内置多种主题，允许高度自定义样式，支持注册新主题")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox3",checked:"true"}}),e("label",{attrs:{for:"checkbox3"}},[t._v("支持快捷键")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox4",checked:"true"}}),e("label",{attrs:{for:"checkbox4"}},[t._v("节点内容支持图片、图标、超链接、备注、标签、概要")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox5",checked:"true"}}),e("label",{attrs:{for:"checkbox5"}},[t._v("支持前进后退")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox6",checked:"true"}}),e("label",{attrs:{for:"checkbox6"}},[t._v("支持拖动、缩放")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox7",checked:"true"}}),e("label",{attrs:{for:"checkbox7"}},[t._v("支持右键和Ctrl+左键两种多选方式")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox8",checked:"true"}}),e("label",{attrs:{for:"checkbox8"}},[t._v("支持节点自由拖拽、拖拽调整")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox9",checked:"true"}}),e("label",{attrs:{for:"checkbox9"}},[t._v("支持多种节点形状")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox10",checked:"true"}}),e("label",{attrs:{for:"checkbox10"}},[t._v("支持导出为")]),e("code",[t._v("json")]),t._v("、"),e("code",[t._v("png")]),t._v("、"),e("code",[t._v("svg")]),t._v("、"),e("code",[t._v("pdf")]),t._v("、"),e("code",[t._v("markdown")]),t._v("，支持从"),e("code",[t._v("json")]),t._v("、"),e("code",[t._v("xmind")]),t._v("、"),e("code",[t._v("markdown")]),t._v("导入")]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox11",checked:"true"}}),e("label",{attrs:{for:"checkbox11"}},[t._v("支持小地图、支持水印")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox12",checked:"true"}}),e("label",{attrs:{for:"checkbox12"}},[t._v("支持关联线")])])]),e("h2",[t._v("仓库目录介绍")]),e("p",[t._v("1."),e("code",[t._v("simple-mind-map")])]),e("p",[t._v("思维导图库，框架无关，"),e("code",[t._v("Vue")]),t._v("、"),e("code",[t._v("React")]),t._v("等框架或无框架都可以使用。")]),e("p",[t._v("2."),e("code",[t._v("web")])]),e("p",[t._v("使用"),e("code",[t._v("simple-mind-map")]),t._v("库，基于"),e("code",[t._v("vue2.x")]),t._v("、"),e("code",[t._v("ElementUI")]),t._v("搭建的在线思维导图。特性：")]),e("ul",[e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox13",checked:"true"}}),e("label",{attrs:{for:"checkbox13"}},[t._v("工具栏，支持插入节点、删除节点；编辑节点图片、图标、超链接、备注、标签、概要")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox14",checked:"true"}}),e("label",{attrs:{for:"checkbox14"}},[t._v("侧边栏，基础样式设置面板、节点样式设置面板、大纲面板、主题选择面板、结构选择面板")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox15",checked:"true"}}),e("label",{attrs:{for:"checkbox15"}},[t._v("导入导出功能；数据默认保存在浏览器本地存储，也支持直接创建、打开、编辑电脑本地文件")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox16",checked:"true"}}),e("label",{attrs:{for:"checkbox16"}},[t._v("右键菜单，支持展开、收起、整理布局等操作")])]),e("li",[e("input",{attrs:{type:"checkbox",id:"checkbox17",checked:"true"}}),e("label",{attrs:{for:"checkbox17"}},[t._v("底部栏，支持节点数量、字数统计；支持切换编辑和只读模式；支持放大缩小；支持全屏切换；支持小地图")])])]),e("p",[t._v("提供文档页面服务。")]),e("p",[t._v("3."),e("code",[t._v("dist")])]),e("p",[t._v("打包"),e("code",[t._v("web")]),t._v("后的资源文件夹。")]),e("h2",[t._v("相关文章")]),e("p",[e("a",{attrs:{href:"https://juejin.cn/post/6987711560521089061"}},[t._v("Web思维导图实现的技术点分析")])]),e("p",[e("a",{attrs:{href:"https://juejin.cn/post/7157681502506090510"}},[t._v("只需百来行代码，为你的Web页面增加本地文件操作能力，确定不试试吗？")])]),e("p",[e("a",{attrs:{href:"https://juejin.cn/post/7199666255883927612"}},[t._v("当你按下方向键，电视是如何寻找下一个焦点的")])]),e("p",[e("a",{attrs:{href:"https://juejin.cn/post/7204854015463538744"}},[t._v("如何在canvas中模拟css的背景图片样式")])]),e("p",[e("a",{attrs:{href:"https://juejin.cn/post/7233012756314701884"}},[t._v("我的第一个Electron应用")])]),e("h2",[t._v("特别说明")]),e("p",[t._v("本项目可用于学习和参考，用于实际项目时请先深度体验一下是否能满足您的需求。")]),e("p",[t._v("本项目可能没有完整测试到每一个功能点，所以可能存在bug，另外，当节点数量非常多的时候，性能也存在一些问题，因为每个人能接受的卡顿程度不一样，所以你可以自行测试节点数量上限。")]),e("p",[t._v("如果有建议或发现了bug，可以在此提交"),e("a",{attrs:{href:"https://github.com/wanglin2/mind-map/issues"}},[t._v("issues")]),t._v("。")]),e("p",[t._v("项目内置的主题和图标来自于：")]),e("p",[e("a",{attrs:{href:"https://naotu.baidu.com/"}},[t._v("百度脑图")])]),e("p",[e("a",{attrs:{href:"https://www.zhixi.com/"}},[t._v("知犀思维导图")])]),e("p",[t._v("尊重版权，主题和图标请勿直接用于商业项目。")]),e("h2",[t._v("为什么不是？")]),e("p",[t._v("1."),e("a",{attrs:{href:"https://www.zhixi.com/"}},[t._v("知犀")])]),e("p",[t._v("知犀是一个免费的思维导图产品，支持多端同步，ui设计很漂亮，功能也很齐全，但是它并不开源，所以只能作为一个用户，而无法在你的项目中使用。")]),e("p",[t._v("类似知犀的其他在线思维导图产品还有很多，比如"),e("a",{attrs:{href:"https://gitmind.cn/"}},[t._v("GitMind")]),t._v("、"),e("a",{attrs:{href:"http://www.mindline.cn/"}},[t._v("MindLine")]),t._v("、"),e("a",{attrs:{href:"https://www.mindmeister.com/zh"}},[t._v("MinMeister")]),t._v("、"),e("a",{attrs:{href:"https://mubu.com/"}},[t._v("幕布")]),t._v("等等，搜索引擎上搜索一下非常多，但是这些产品或者是要收费，或者是小公司开发的，稳定性和持续性无法保证，当然最关键的就是它们都不开源。")]),e("p",[t._v("2."),e("a",{attrs:{href:"https://github.com/fex-team/kityminder-core"}},[t._v("kityminder-core")])]),e("p",[e("code",[t._v("kityminder-core")]),t._v("是百度开发的开源的脑图工具，功能很强大，性能也很好，但是它已经不维护了，所以代码比较陈旧，界面美观度也比较一般，另外bug只能自己修，功能只能自己开发，对前端开发能力要求比较高。")]),e("p",[t._v("3."),e("a",{attrs:{href:"https://github.com/hizzgdev/jsmind"}},[t._v("jsmind")]),t._v("、"),e("a",{attrs:{href:"https://github.com/ssshooter/mind-elixir-core"}},[t._v("Mind-elixir")]),t._v("、"),e("a",{attrs:{href:"https://github.com/ondras/my-mind"}},[t._v("my-mind")]),t._v("、"),e("a",{attrs:{href:"https://github.com/awehook/blink-mind"}},[t._v("blink-mind")]),t._v("、"),e("a",{attrs:{href:"https://github.com/luvsic3/remind"}},[t._v("remind")]),t._v("、"),e("a",{attrs:{href:"https://github.com/hellowuxin/vue3-mindmap"}},[t._v("vue3-mindmap")]),t._v("、"),e("a",{attrs:{href:"https://github.com/zyascend/ZMindMap"}},[t._v("ZMindMap")]),t._v("...")]),e("p",[t._v("这些开源的思维导图也都不错，各有各的特点，但是它们也都有一定缺点，比如停止更新、界面美观度一般、功能比较少、依赖某个框架等等。")]),e("p",[t._v("综上，在开源的思维导图中，你很难找到一个比"),e("code",[t._v("simple-mind-map")]),t._v("更好的选择。当然，"),e("code",[t._v("simple-mind-map")]),t._v("也远远谈不上最好，它也有很多不足，如你在前面的【特别说明】所看到的那样，不过"),e("code",[t._v("simple-mind-map")]),t._v("一直处于快速迭代中，欢迎你加入进来一起完善它。")]),e("h2",[t._v("浏览器兼容性")]),e("p",[t._v("推荐使用最新版"),e("code",[t._v("chrome")]),t._v("浏览器。")]),e("p",[t._v("有限测试情况：")]),e("p",[t._v("正常运行："),e("code",[t._v("360")]),t._v("极速浏览器（v13.5.2036.0）、"),e("code",[t._v("opera")]),t._v("浏览器（v71.0.3770.284）。")]),e("p",[t._v("非正常运行："),e("code",[t._v("Firefox")]),t._v("（v98.0.2），富文本模式下节点内容无法显示，如果要支持"),e("code",[t._v("Firefox")]),t._v("浏览器，请使用非富文本模式。")]),e("p",[t._v("不支持："),e("code",[t._v("IE")]),t._v("浏览器。")]),e("h2",[t._v("License")]),e("p",[e("a",{attrs:{href:"https://opensource.org/licenses/MIT"}},[t._v("MIT")])]),e("h2",[t._v("请作者喝杯咖啡")]),e("p",[t._v("开源不易，如果本项目有帮助到你的话，可以请作者喝杯咖啡哟~")]),e("blockquote",[e("p",[t._v("转账请备注【思维导图】。你的头像和名字将会出现在下面。")])]),e("img",{staticStyle:{width:"300px"},attrs:{src:c("076b")}}),e("img",{staticStyle:{width:"300px"},attrs:{src:c("4968")}}),e("div",{staticStyle:{display:"flex"}},[e("div",{staticStyle:{display:"flex","flex-direction":"column","align-items":"center",width:"fit-content",margin:"5px"}},[e("img",{staticStyle:{width:"50px",height:"50px","object-fit":"cover","border-radius":"50%"},attrs:{src:c("f8ce")}}),e("p",[t._v("Think")])])])])}],r={},v=r,h=c("2877"),_=Object(h["a"])(v,i,o,!1,null,null,null);e["default"]=_.exports},4968:function(t,e,c){t.exports=c.p+"img/wechat.444e29cb.jpg"},f8ce:function(t,e,c){t.exports=c.p+"img/Think.b3740bfb.jpg"}}]);