百度脑图二次开发 增加图标节点

最新推荐文章于 2025-11-27 15:19:29 发布
原创 最新推荐文章于 2025-11-27 15:19:29 发布 · 520 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #前端

本文介绍了如何在即时设计工具中创建20x20的图标，设置矩形弧度，并在思维导图中放置。接着，通过修改CSS文件扩大图标显示宽度，同时在sequenBox.vue组件中调整图标数量和提示文字。在priority.js和kityminder.core.js中，对节点上的图标填充文字进行了修改，但节点颜色是根据图片读取的。

 1、登录即时设计 - 可实时协作的专业 UI 设计工具制作图标 我这里图标和文字高宽都是20，20

矩形弧度为5

2、在思维导图这个位置放入图标

3、在这个css文件引入图标，并且对这个class扩大宽度，不然默认只能放下两个

 

 4、在sequenBox.vue修改图标个数，以及图标的提示文字

 

 5、在priority.js和kityminder.core.js中修改节点上图标的填充文字

 

 

节点上不用改的原因是：这里读取图片内的颜色，然后将字填入

 

bubblez
关注
在vue2使用百度脑图的kityminder-core进行二次开发思维导图。节点收起时显示子节点的数量
ZMJ_QQ的博客
03-02 1886
用户收起某节点后要展示出当前节点的子节点数量，当节点展开后不显示子节点数量。
在vue2使用百度脑图的kityminder-core进行二次开发思维导图，在源码中添加新的命令
ZMJ_QQ的博客
01-12 3185
最近在搞kityminder-core的思维导图，需要增加一个给节点添加文件的功能，一直在研究源码，发现都是通过执行命令的方式实现的。一直卡在新增命令的步骤，搞了好多天了今天找到了如何在源码里新增命令，怕之后忘记所以现在先来记录一下添加命令的步骤。等忙完了有空我再详细记录一下二次开发中的问题。
百度脑图扩展节点
bubblez的博客
05-09 548
@return 返回首个选中节点的超链接信息，Array 对象： `[{ afterName: 'afterName', fileUrl: 'fileUrl',agoName:'agoName',physicsAddress:'physicsAddress',type:'type'}]`* @param {string}（ afterName uuid后的文件名）* @param {string}（ afterName uuid后的文件名）* @param {string}（ type 文件类型）
用ASP.NET二次开发百度脑图KityMinder
12-13
使用开源项目百度脑图开发自己的脑图,实现导入导出,后台采用ASP.net,项目可正常运行.
百度脑图（KityMinder）项目推荐
最新发布
gitblog_07178的博客
11-27 891
百度脑图（KityMinder）是由百度FEX团队的f-cube小组（原UEditor小组）开发的一款在线脑图编辑工具。该项目基于SVG技术实现，支持绝大多数主流浏览器，包括Chrome、Firefox、Safari和Internet Explorer 10及以上版本。百度脑图的主要编程语言包括JavaScript、PHP、CSS和HTML。 ## 2. 项目核心功能 百度脑图的核心功能包括：
百度脑图二次开发
weixin_30466421的博客
04-11 1243
在线展示地址 github地址 转载于:https://www.cnblogs.com/shengulong/p/10687812.html
使用百度脑图kityminder-editor进行数据可视化二次开发
热门推荐
u011468619的博客
04-26 1万+
KityMinder Editor 是一款强大、简洁、体验优秀的脑图编辑工具，适合用于编辑树/图/网等结构的数据。 编辑器由百度 FEX 基于 kityminder-core 搭建，并且在百度脑图中使用。 根目录下的 index.html 为开发环境，dist 目录下的 index.html 使用打包好的代码，适用于线上环境。 1、安装 nodejs 和 npm 2、初始化：切到 ki
在vue2使用百度脑图的kityminder-core进行二次开发思维导图。扩展新的节点标识 图标
ZMJ_QQ的博客
05-09 903
需求说明：将原先的四个图标进行扩展，并且修改图标的样式。先贴一下最终实现的样式。
jTOPO代码实现在线脑图绘制功能
- **支持二次开发**：开发者可以基于现有源码开发新的应用程序或功能。 ### IEBetter.js IEBetter.js很可能是针对Internet Explorer（IE）浏览器进行兼容性优化的JavaScript库。由于IE浏览器的老旧版本在处理现代...
Mindjet中文模板合集：90个高效脑图助力项目管理
每个模板都经过精心设计，具备良好的层级结构、逻辑连贯性和视觉美观度，用户可以直接导入Mindjet软件中使用，也可作为参考范例进行二次创作。 “开发思路”再次被提及，说明这些模板不仅服务于执行层的任务安排，...
前端数据结构
qq_45772348的博客
08-11 760
前端数据结构数据结构1.概念2.数据3.数组4.链表5.栈6.队列7.哈希表8.树9.二叉搜索树 数据结构 1.概念 作用：阐述关系 结构：简单的理解就是关系，不同的数据元素之间不是独立的，而是存在特定的关系 逻辑结构：指数据对象中数据元素之间的相互关系 分类：集合结构、线性结构、树形结构、图形结构 集合结构：数据元素属于同一个集合，他们之间没有其他的关系，他们的共同树形是：“同属于一个集合。” 线性结构： 最典型的数据关系是一对一 是一种有序数据的集合 除第一个和最后一个数据元素之外，其他数据元素都
vue中使用百度脑图kityminder-core二次开发的实现
10-16
主要介绍了vue中使用百度脑图kityminder-core二次开发的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
个人百度脑图总结...
12-03
个人百度脑图总结,django,jmeter,性能，web自动化，元素定位等，restful api的相关
kityminder-core:强大的脑图可视化工具
04-01
KityMinder核心 简介 KityMinder是一款强大的脑图可视化/编辑工具，由百度FEX团队开发并维护。 本仓库是KityMinder的核心实现部分： 包括脑图数据的可视化展示（Json格式） 包括强大的编辑功能的KityMinder编辑器请移步 不包含第三方格式（FreeMind，XMind，MindManager）的支持，可以加载来扩展第三方格式支持。 不包含文件存储的支持，需要自行实现存储。参照柯林斯中的开源的FIO +百度网盘方案进行实现。 使用 可以参考进行使用。 < div xss=removed> < / div > < script type = "text/javascript" src = "kityminder.core.min.js" > < / script > < script type = "text/javascript
软件开发角色知识概括
weixin_41005188的博客
04-13 3409
软件开发角色知识概括产品经理项目经理运营UI设计师 产品经理 产品经理简介： 产品经理（英文：Product manager，缩写：PM）也称产品企划，是指在公司中针对某一项或是某一类的产品进行规划和管理的人员，主要负责产品的研发、制造、营销、渠道等工作。产品经理是很难定义的一个角色，如果非要一句话定义，那么产品经理是为终端用户服务，负责产品整个生命周期的人。 产品经理需要考虑目标用户特征、竞争产品、产品是否符合公司的业务模式等等诸多因素。一般而言，产品经理管理的是一个或者多个有形产品。但是，产品经理也可
在vue2使用百度脑图的kityminder-core进行二次开发思维导图。未选中节点点击工具栏时想要给出提示
ZMJ_QQ的博客
03-03 762
当用户未选择节点时，点击文件菜单栏要给出错位提示。
百度脑图解析：如何进行web复杂应用的渐进式开发
weixin_34110749的博客
06-04 443
内容来源：2017 年 4 月 8 日，张博在“HTML5梦工场 &amp; 微软开发者沙龙第05期—持续集成”进行《Web复杂应用的 「渐进式」开发》演讲分享。IT 大咖说（微信id：itdakashuo）作为独家视频合作方，经主办方和讲者审阅授权发布。阅读字数：2756 | 7分钟阅读嘉宾演讲视频及PPT回顾：suo.im/5a7RLl摘要本次演讲通过对百度脑图的解析，展现了如何进行web应用...
第一次用百度脑图制作关于自己信息的脑图
niyixuan_的博客
09-10 939
软件是老师推荐的 使用起来很方便
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值