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