欢迎光临散文网 会员登陆 & 注册

增强Obsidian Excalidraw思维导图交互效果 (2)

2023-08-17 12:17 作者:一鸣惊人_001  | 我要投稿

目的

完成"增强Obsidian Excalidraw思维导图交互效果"立面的todo:

  • 按tab、enter可以创建子元素、兄弟元素

  • 新建元素颜色根据层级逐渐变浅

  • 可设置新建元素样式

  • 折叠元素后显示一个圆标识后面有元素被折叠了

效果

1. 创建mindmap过程。按tab、enter可以创建子元素、兄弟元素。新建元素颜色根据层级逐渐变浅。

创建mindmap过程

2. 修改新建元素样式

修改新建元素样式

3. 折叠元素后显示一个圆标识后面有元素被折叠了

折叠有标识

实现

  • 增加onKeyDownHook

  • 在renderElementHook中画圆


增强Obsidian Excalidraw思维导图交互效果 (2)的评论 (共 条)

分享到微博请遵守国家法律