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
网友评论0