Skip to content

Latest commit

 

History

History
153 lines (116 loc) · 3.16 KB

2.options.md

File metadata and controls

153 lines (116 loc) · 3.16 KB

Contents

  1. Usage
  2. Options
  3. Operation
  4. Contribution

2.1. Summary

var options = {
    container:'jsmind_container', // [必选] 容器的ID
    editable:true,                // [可选] 是否启用编辑
    theme:'orange'                // [可选] 主题
};
var jm = new jsMind(options);
options = {
   container : '',         // 
   editable : false,       // 
   theme : null,           // 
   mode :'full',           // 
   support_html : true,    // 
   view:{
       engine: 'canvas',   // 
       hmargin:100,        // 
       vmargin:50,         // 
       line_width:2,       // 
       line_color:'#555'   // 
   },
   layout:{
       hspace:30,          // 
       vspace:20,          // 
       pspace:13           // 
   },
   shortcut:{
       enable:true,        // 
       handles:{},         // 
       mapping:{           // 
           addchild   : 45,    // <Insert>
           addbrother : 13,    // <Enter>
           editnode   : 113,   // <F2>
           delnode    : 46,    // <Delete>
           toggle     : 32,    // <Space>
           left       : 37,    // <Left>
           up         : 38,    // <Up>
           right      : 39,    // <Right>
           down       : 40,    // <Down>
       }
   },
};

2.2. Options

container : (string)

editable : (bool)

theme : (string)

mode : (string)

  • full -
  • side -

support_html : (bool)

2.3. View and layout

view.engine : (string)

  • canvas -
  • svg -

view.hmargin : (number)
view.vmargin : (number)

view.line_width : (number) 思维导图线条的粗细（像素）
view.line_color : (string) 思维导图线条的颜色（html的颜色表示方法）

layout.hspace : (number) 节点之间的水平间距（像素）
layout.vspace : (number) 节点之间的垂直间距（像素）

layout.pspace : (number) 节点收缩/展开控制器的尺寸（像素）

2.4. Shortcut

shortcut.enable : (bool)

shortcut.handles : (object{string : function}) 命名的快捷键事件处理器

handles : {
    'dosomething' : function(jm,e){
        // do something...
    },
    'dosomeotherthing' : function(jm,e){
        // do some other things
    }
    ...
}

shortcut.mapping : (object{string : number}) 快捷键映射配置

mapping:{              // handle mapping.
   addchild   : 45,    // <Insert>
   addbrother : 13,    // <Enter>
   editnode   : 113,   // <F2>
   delnode    : 46,    // <Delete>
   toggle     : 32,    // <Space>
   left       : 37,    // <Left>
   up         : 38,    // <Up>
   right      : 39,    // <Right>
   down       : 40,    // <Down>

   // 示例
   dosomething: 112,   // <F1>
}
  • Meta : 8192 (jsMind.key.meta)
  • Ctrl : 4096 (jsMind.key.ctrl)
  • ALT : 2048 (jsMind.key.alt)
  • SHIFT : 1024 (jsMind.key.shift)
mapping:{
   addchild  : jsMind.key.ctrl + 73,                    // <Ctrl> + <I>
   delnode   : jsMind.key.ctrl + jsMind.key.alt + 68,   // <Ctrl> + <ALT> + <D>
}

COPYRIGHT

No reproduction, No derivatives.