【 分享 】思维导图小挂件(添加关键字检索 + 缩放功能);

之前其实发过一篇分享,但是那个操作起来比较繁琐,所以最终改成了挂件的形式。还没上架,欢迎大家先试用一下。

导图更新

开始使用:

下载挂件的压缩包后,解压得到一个【思维导图】的文件夹,将这个文件夹放到 工作空间\data\widgets 下,然后重启笔记本。就可以在打开的挂件列表中看到【思维导图】这一项了。使用前,建议先清理思源的缓存,防止旧文件干扰。

  1. 基本使用:
    • Tab 键是新建子元素并进入编辑状态
    • Enter 键是新建兄弟元素并进入编辑状态
    • Delete 键是删除元素
    • 如果上面三个键没生效,大概是焦点问题,可以用鼠标点一下那个元素再按
    • 按 Esc 或者元素失去焦点时结束编辑状态;
  2. 如何插入超链接?
    • 复制笔记中的块超链接或者外部的链接地址;
    • 双击元素进入编辑模式,输入需要展示的文本(如果使用元素已有的文本,这一步可以省略),然后按 Ctrl+k,就会结合刚刚复制的链接地址和当前元素的文本生成超链接;点击文字后能跳转到指定位置;
    • 注意:删除设置了超链接的元素时,鼠标要点边框后按 Delete,不然直接跳转了。
  3. 检索关键字
    • 点击【检索】按钮弹出搜索界面
    • 输入框中输入内容后按【Enter】或者点击【提交】即开始检索,匹配到的关键字黄色高亮;
    • 点击搜索到的结果,下方会出现对应的结果预览,如果是超链接,点击后能进行跳转。
    • 点击某个搜索结果后搜索界面上方显示的该结果在导图中的路径;点击该路径或【检索】按钮,能关闭搜索界面;
  4. 如何缩放导图?
    • 鼠标悬浮在导图上方后按住 Ctrl,使用鼠标滚轮来缩放导图。缩放比例:0.4~2

备注

1、思维导图初始化的时候,如果发现底部有相邻的代码块,会读取代码块中的数据来绘制导图,如果没有,就在底部插入代码块,并使用内置的导图模板;

2、导图被修改后默认会自动将最新的数据写入到代码块中,尽管如此,左上角还是保留了手动保存的按钮,不放心的话可以编辑完手动点一下。

3、挂件底部绑定的那个代码块,除了用来保存数据(页面刷新或者重新打开时导图状态保持一致),还可以用于全局搜索时检索导图包含的关键字。(代码块中的数据包含了导图各个节点的文本信息,而代码块的内容是可以被全局检索到的)。

视频演示

节点编辑

检索关键字:

导图缩放

压缩包

思维导图.rar

思维导图添加检索关键字功能.rar

思维导图 + 关键字检索 + 缩放.rar

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • lzuwujx
    订阅者

    太赞了 👍 !!!

  • shuoying
    捐赠者 订阅者

    我提一个建议, 可以将该代码块进行格式化以提高可读性, 同时折叠该代码块(使用块属性 fold="1"), 毕竟这个代码块仅在需要时供人查找

    1 回复
  • BryceAndJuly
    订阅者 作者

    嗯,我晚上看看。其实直接看代码块的数据来定位节点还是不直观的,本来的想法是先从全局搜索中利用代码块中的数据定位到单个思维导图,然后在这个思维导图中能继续检索关键字来定位到节点的,类似于 Xmind 里的搜索。现在还没有,有空的时候再搞这个搜索的事。

    搜索.png

  • 31061650
    订阅者

  • BryceAndJuly
    订阅者 作者

    昨晚添了个检索关键字的小功能,比较简约,但是勉强能用,压缩包里最后一个就是最新的,欢迎大家一起交流改进。

  • TimYang
    订阅者

    我这边使用有 bug 无法修改节点名称

    无法修改节点名称.gif

    1 回复
  • BryceAndJuly
    订阅者 作者

    这个我自己也在用,也是在这里下载后解压的,但是复现不了,难道是版本之间有差异?我的是 1.9.7.1,你的笔记是什么版本?我看它都能往笔记里插入代码块了,接口应该是通的。把新的挂件文件夹拖进去之前,建议先清理掉旧的那个文件夹,还有缓存。

    3 操作
    BryceAndJuly 在 2022-04-14 12:06:49 更新了该回帖
    BryceAndJuly 在 2022-04-13 12:39:34 更新了该回帖
    BryceAndJuly 在 2022-04-13 12:16:37 更新了该回帖
  • BryceAndJuly
    订阅者 作者

    遇上元素排版有点乱的话,按 F5 刷新一下页面它就会自己恢复好了。

  • 31061650
    订阅者

    求上线商店市场

    2 回复
  • BryceAndJuly
    订阅者 作者

    这个现在也是可以用的,没上架过挂件,我回头研究一下要弄些什么。

    1 回复
  • Ellioot
    捐赠者 订阅者

    添加全局缩列图,缩放功能

    1 回复
  • BryceAndJuly
    订阅者 作者

    缩放可以有,这功能我蛮喜欢的,而且弄起来不复杂又实用。

  • BryceAndJuly
    订阅者 作者

    已经发起了,如果我没弄错文件,那边审核也通过的话,应该就可以了。

  • xupan

    感谢大佬,已经在最新版本用上了~!

  • wuyigui
    订阅者

    太好用了!!希望能增加插入图片的功能 😋

    1 回复
  • BryceAndJuly
    订阅者 作者

    这种吗?我到时候试一下。

    插入图片.png

    1 回复
  • wuyigui
    订阅者

    对对对,思维导图可以插入图片,用来做笔记非常好用 ❤️

    1 回复
  • lzuwujx
    订阅者

    很好用哈!👍

    反馈一个 bug:页面模式切换到“导出预览”(Ctrl+Alt+9)时会触发“重建索引”。

    2 回复
  • BryceAndJuly
    订阅者 作者

    不过不要紧,后期官方肯定会优化内置的导图,这个只是暂时用一下。

  • BryceAndJuly
    订阅者 作者

    下午抽空的时候给你整了个体验版,可以插入图片 。

    如何插入图片?

    • 复制网络图片链接后,双击元素进入编辑状态,然后按 Ctrl+I,就会插入图片;
    • 本地图片的话先拖到笔记里,然后复制链接,再使用上面说的快捷键;
    • 搜索时,上方显示的路径中如果某个节点是图片,会显示缩略图。
    • 建议还是使用网络图片或者手动复制图片的绝对路径,不然思源笔记清理未引用资源的时候会把导图里引用的图片给删了。

    最近应该没啥时间搞这个挂件了,不过有问题欢迎反馈,搞得定的话有空的时候会弄一下。

    SiYuanmindMapBaseonjsMind.rar

    1 回复
    2 操作
    BryceAndJuly 在 2022-04-16 19:52:54 更新了该回帖
    BryceAndJuly 在 2022-04-16 18:57:13 更新了该回帖
  • BryceAndJuly
    订阅者 作者

    我到时候看一下

  • BryceAndJuly
    订阅者 作者

    我刚才切到【导出预览】模式看了下,这个模式跟当前读写块来记录导图数据的方式是冲突的。插入块、读写块内容需要块 ID ,而【导出预览】模式下原本的块 ID 没了,文档发生了一些转变。要解决冲突的话得改变当前导图记录数据的方式。

    所见即所得:

    所见即所得.png

    导图预览:

    导出预览.png

  • wuyigui
    订阅者

    感谢感谢 ❤️ ❤️

  • BryceAndJuly
    订阅者 作者

    关于【超链接悬浮预览】的功能,大家手动改一下就可以实现,可参考 github 上提的 issue:

    超链接悬浮预览

请输入回帖内容 ...