jsmind 线条_jsmind实例扩展(思维导图)

【实例简介】增加对jsmind实例修改扩展

【实例截图】

【核心代码】

jsMind

li{margin-top:2px; margin-bottom:2px;}

button{width:140px;}

select{width:140px;}

#layout{width:1230px;}

#jsmind_nav{width:210px;height:600px;border:solid 1px #ccc;overflow:auto;float:left;}

.file_input{width:100px;}

button.sub{width:100px;}

#jsmind_container{

float:left;

width:1000px;

height:600px;

border:solid 1px #ccc;

background:#f4f4f4;

}

1. Open

1. open example
2. open remote
3. open local file
4. save local file
5. screenshot

2. Select & Toggle

1. select a node
2. try click a node
3. get the selected

3. Edit

1. disable editable
2. add a node
3. add a image node
4. modify node
5. try double click
6. move a node
7. move to first
8. move to last
9. remove node

4. Style

1. change font
2. change color
3. change bg-color
4. change background

5. Theme

1. default

   primary

   warning

   danger

   success

   info

   greensea

   nephrite

   belizehole

   wisteria

   asphalt

   orange

   pumpkin

   pomegranate

   clouds

   asbestos

6. Adjusting

1. resize container

   adusting

2. expand/collapse
   1. expand node
   2. collapse node
   3. toggle node
   4. expand to level 2
   5. expand to level 3
   6. expand all
   7. collapse all
3. zoom

In

Out

7. Multi Format

1. node_tree(default)
   1. show data
   2. save file
   4. open file
2. node_array
   1. show data
   2. save file
   4. open file
3. freemind(.mm)
   1. show data
   2. save file
   4. open file

var _jm = null;

function open_empty(){

var options = {

container:'jsmind_container',

theme:'greensea',

editable:true

}

_jm = jsMind.show(options);

// _jm = jsMind.show(options,mind);

}

function open_json(){

var mind = {

"meta":{

"name":"jsMind remote",

"author":"hizzgdev@163.com",

"version":"0.2"

},

"format":"node_tree",

"data":{"id":"root","topic":"jsMind","children":[

{"id":"easy","topic":"Easy","direction":"left","children":[<