jsmind实现可在线编辑拖拽的思维导图图表效果代码
代码语言:html
所属分类:选择器
代码描述:jsmind实现可在线编辑拖拽的思维导图图表效果代码
代码标签: jsmind 在线 编辑 拖拽 思维 导图 图表
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jsMind</title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jsmind.css"> <style type="text/css"> #jsmind_container { width: 800px; height: 500px; border: solid 1px #ccc; /*background:#f4f4f4;*/ background: #f4f4f4; } </style> </head> <body> <div id="jsmind_container"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jsmind.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jsmind-draggable.js"></script> <script type="text/javascript"> function load_jsmind() { var mind = { meta: { name: 'demo', author: 'hizzgdev@163.com', version: '0.2', }, format: 'node_array', data: [ { id: 'root', isroot: true, topic: 'jsMind' }, { 'id': 'sub1', 'parentid': 'root', 'topic': 'sub1', 'background-color':.........完整代码请登录后点击上方下载按钮下载查看
网友评论0