jsmind.js api文档及全功能演示

jsmind.js api文档及全功能演示

jsmind是一款思维导图js插件，功能非常强大。

我们今天来演示一下jsmind的api，对思维导图进行新建节点、编辑、删除、导出图片、保存数据、打开、更换样式等功能。

首先初始化一个jsmind对象

var _jm=null;
var options = {
    container: 'jsmind_container',//canvas id
    theme: 'greensea',//主题
    editable: true//是否可编辑
}
_jm = jsMind.show(options);

导出图片

_jm.screenshot.shootDownload();

添加一个节点

 var node = _jm.add_node(selected_node, nodeid, topic);
 selected_node//选择的节点
 nodeid//唯一编号
 topic//文字内容

当前选择的节点

var selected_node = _jm.get_selected_node();

获取当前节点的id

var selected_id = get_selected_nodeid();

修改更新节点内容

_jm.update_node(selected_id, '修改内容');

移动节点到首个

_jm.move_node(selected_id, '_first_');

移动节点到尾部

_jm.move_node(selected_id, '_last_');

删除节点

_jm.remove_node(selected_id);

设置节点字体大小

 _jm.set_node_font_style(selected_id, 28);

设置节点颜色

_jm.set_node_color(selected_id, null, '#000');

设置节点背景色

_jm.set_node_color(selected_id, '#eee', null);

设置主题

_jm.set_theme(theme_name);

设置可编辑

_jm.enable_edit();

设置不可编辑

_jm.disable_edit();

展开节点

 _jm.expand_node(selected_id);

收缩节点

_jm.collapse_node(selected_id);

展开所有

_jm.expand_all();

收缩折叠所有

_jm.collapse_all();

获取数据

_jm.get_data(datatype);//datatype包node_array freemind node_tree,返回的是json对象

json转string

jsMind.util.json.json2string(mind_data);

保存文件

jsMind.util.file.save(mind_str, 'text/xml', 'bfw.mm');

更多颜色请进入项目地址，使用bfweditor这个webide打开即可

项目地址 http://project.bfw.wiki/project/15729403624129310067.html