Code Monkey home page Code Monkey logo

Comments (2)

laynefyc avatar laynefyc commented on June 20, 2024
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>KityMinder Example</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" >
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" href="dist/kityminder.core.css" rel="stylesheet">
	<script type="text/javascript" src="dist/kity.min.js"></script>
	<script type="text/javascript" src="dist/kityminder.core.min.js"></script>
	<style type="text/css">
        body {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        #minder-container {
            position: absolute;
            border: 1px solid #ccc;
            left: 10px;
            top: 10px;
            bottom: 10px;
            right: 10px;
        }
    </style>
</head>
<body>
<div id="minder-container"></div>
</body>
<script type="text/javascript">
var glJson = {
        "root": {
            "data": {
                "text": "test111"
            },
            "children": [
                { "data": { "text": "新闻\nsrc/module/node.j"}},
                { "data": { "text": "网页"} },
                { "data": { "text": "贴吧"} },
                { "data": { "text": "知道"} },
                { "data": { "text": "音乐" } },
                { "data": { "text": "图片"} },
                { "data": { "text": "视频"} },
                { "data": { "text": "地图" } },
                { "data": { "text": "百科","expandState":"collapse"}}
            ]
        },
		"template":"default"
	};
var km = new kityminder.Minder({
	renderTo: '#minder-container'
});
km.importJson(glJson);
km.execCommand('hand');

</script>
</html>

文档确实不清晰,demo可以看这个

from kityminder-core.

topcss avatar topcss commented on June 20, 2024

百度的产品~ 百度的开源产品!!!我搞了2个小时 居然跑不出来! 如果文档不齐全请不要开源!

应该是没找对方法吧。
其实很容易的的,安装 node 环境,然后运行 npm 命令就能运行了。

from kityminder-core.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.