压缩文档树插件现已支持流动布局调节,方便点击文档,内附视频

本贴最后更新于 705 天前,其中的信息可能已经天翻地覆

什么是流动布局

  • 您在浏览多层子文档的文档树时,会遇到因为有多级缩进而点不到的情况,如下图。

disabled_ldbj

这导致难以或者根本不能点击多级子目录。

  • 流动布局在鼠标悬浮到子目录项目时,可以临时将子目录的缩进缩短到左侧位置,方便您轻松地查看标题和点击进入文档,在您的鼠标离开后,缩进将恢复,所以完全不影响您区分子目录。如下图:

enabled_ldbj

  • 更多地,由于流动布局将每个栏目的内容都固定在列的相同位置,您习惯后甚至可以实现盲操作,而不用去对准图标点击,如下图

static_area

总结:当鼠标指针悬浮在文档树项目上时,文档树自动关闭当前项目 padding(取消当前条目的缩进), 方便点击和查看标题

当然,您依然可以单纯地只更改缩进而不使用其他花哨功能。

现阶段代码比较混乱,之后会进行重构。谢谢

如果有帮助您的话请给我的 github 点一个免费的星星,我本科毕业,正在谋求生路,即将饿肚子,您给我点击的免费的 GitHub 的星星(star)对我将很有帮助,万分感谢!!!

如果您刚好在招聘 嵌入式开发/ C++/ RTOS/ C 语言 岗位,希望您能联系我,我的邮箱在 GitHub,感谢!

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    28446 引用 • 119768 回帖
1 操作
zxkmm 在 2024-01-16 20:27:29 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • tongzi 1 评论

    非常好。动作很快。感谢提供这么优秀的插件

    感谢大佬支持!您提交的功能请求只能等到下一个版本实现了
    zxkmm
  • 这个交互真是有想法的 👍👍👍

    谢谢 T 佬支持!
    zxkmm
  • yjmsiyuan 3 评论

    非常好,我看中的是方便看整个文档标题。

    可以设置一个选择按钮:自动缩放标题字体大小。

    您好,我刚才试了一下,缩放字体大小的功能可能不太实用,因为除非缩放到极端程度,不然不足以弥补上下文菜单占用的空间
    zxkmm
    最新版本已经实现,但我个人感觉用处不是很大,可以尝试一下
    zxkmm
    谢谢,很好
    yjmsiyuan
  • HugZephyr 1 评论

    大佬可否增加一个 双击展开/折叠 文档树 的功能, 类似于 ediary 的那种效果, 现在这种要点左边的箭头才能展开折叠, 不是特别方便 🙏

    1 回复
    抱歉,展开文档树这个功能官方没有插件 api,所以没办法通过正规方式实现这个只能等官方实现了
    zxkmm 1
  • jjjjjjjjj9 1 评论

    该插件不支持在当前终端上使用 😭

    您好,请问是什么设备呢?
    zxkmm
  • HugZephyr 1 评论

    刚刚发现这两个插件都是大佬做的, 膜拜一下image.png

    感谢大佬支持!
    zxkmm
  • tongzi 9 评论

    @Vanessa

    V 姐,思源没提供点击文档树自动展开的 api 吗,插件好像做不了?

    没有提供展开文档树的 api. 加上双击的话,会让正常的单击有延迟.
    zxkmm
    由于延迟移除了双击事件,这样的话还需要 api 么?
    Vanessa
    @Vanessa 我个人感觉双击不是一个很好的解决方案。个人建议等等看看有多少人需要。
    zxkmm
    @Vanessa 希望老大考虑下这个帖子,谢谢! 点击展开文档树
    zxkmm
    @zxkmm 文件夹即文档,点击的时候无法区分是要展开子文档还是打开文档
    Vanessa
    @Vanessa 同时即打开又展开,没有冲突吧。父目录根节点文档始终都要显示的啊。
    tongzi
    @Vanessa 好像是诶,逻辑上说确实会多打开一个文档
    zxkmm
    @zxkmm 点击展开文档树这个可以考虑整合到文档树压缩插件中,插件市场没有。这个本来就是一个文档树的重要功能。
    tongzi
    @tongzi 您好,建议使用 @Undii 和 @qq541559639 两位大佬写的。如果有想要整合的话可以发送 PR
    zxkmm
  • li80 1 评论

    大佬,能不能做个文档树中能使用的插件:一键隐藏某个页面、一键隐藏某个页面的全部子页面。😄

    您好, 请问"关闭笔记本"功能能否满足需求?
    zxkmm
  • yjmsiyuan 1 评论

    今天试了试。非常好。很流畅,多个功能适配有时会有冲突。

    1、 给不同功能设置按钮,非常好,希望坚持下去。

    2、可以设置方便的打赏,你值得。

    几个建议

    1、鼠标悬停文档,有子文档,点击时,子文档同时缩进。

    image.png

    2、点击小三角,会失去焦点,就是鼠标跳到其他文档,会不定期出现,大概四分之一的概率。专门试验了默认主题,确定是插件原因。【感觉原因是第一次展开子文档,文档移动,就会调,而子文档展开,再点就没事】

    3、原来提的字体缩放,没想到大佬真的实现了,很好,我的建议是根据显示缩放,不知是否难以实现。1、能否完整显示就不缩放,不能完整显示就缩放到设定大小或者合适大小。

    4、换行实现非常好,建议可以设置底色和行间距,这样就清晰了。

    5、方便了,可以加上目录的间距设置就更完美了。

    仅供参考

    1 回复
    1 操作
    yjmsiyuan 在 2024-01-17 11:21:54 更新了该回帖
    鼠标跳的原因:是思源自身的问题,自己会把文档定位到中间,而鼠标没有跟到,思源本身也需要改,只是因为插件而把这个变明显了
    yjmsiyuan
  • 您好,感谢反馈!

    谢谢您的支持,我目前暂时不接受打赏。不过如果您想帮我的话,可以把我在 github 上面的那些几个仓库都点一下星星,感谢!

    1. 子文档同时缩进这个功能可能不好,因为会分不清每个的缩进,加上一大块都缩进的话,视觉上也不美观。不过这个需求可以把流动布局关掉,然后用拖动条处理固定缩进,基本上能实现
    2. 失去焦点那个是因为开启了悬浮换行功能,可以把它关掉。
    3. 根据显示缩放字体的话不现实,因为字体自动调整到全部内容都显示的话,就小到看不清了。
    4. 底色这个我感觉有高亮就足够了,因为插件没有 api 判断夜间模式和白天模式,所以也不好处理具体用哪些颜色。
    5. 文档间距我下个版本尝试一下,但是目前没找到优雅的不乱跳的办法。
    6. 目前还是主推流动布局,应该是这类问题的最优解了,只是需要习惯一下。习惯以后效率和美观各方面都很高

    感谢!

  • 启用文档树前线,必须关闭自定义填充和流布局才能生效

  • 启用文档树前线不显示,设置里提示必须关闭自定义填充和流布局才能生效,自定义填充和流布局在哪看

    1 回复
  • 抱歉,我当时写插件时候用的是英文,然后用谷歌翻译成中文,翻译有点问题。

    流布局 = 流动布局

    自定义填充 = 文档树缩进压缩

    麻烦帮我的 github 点一个免费的星星,谢谢

  • gin969

    大佬,为啥我设置了文档树字体大小,但都不启作用啊

    1 回复
  • 您好,可能不支持第三方主题,或者可以开强制模式看看

  • HsinKwok 1

    做为白嫖党只能给你点个星星了。

请输入回帖内容 ...

推荐标签 标签

  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 8 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 724 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 702 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 8 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    17 引用 • 7 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    561 引用 • 677 回帖 • 1 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 120 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    45 引用 • 44 回帖 • 2 关注
  • V2Ray
    1 引用 • 15 回帖 • 4 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 1 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    36 引用 • 200 回帖 • 54 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖 • 1 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 663 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    76 引用 • 258 回帖 • 641 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    308 引用 • 773 回帖
  • 浅吟主题

    Jeffrey Chen 制作的思源笔记主题,项目仓库:https://github.com/TCOTC/Whisper

    2 引用 • 34 回帖 • 1 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖 • 1 关注
  • abitmean

    有点意思就行了

    44 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    61 引用 • 29 回帖 • 14 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    232 引用 • 484 回帖 • 1 关注
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 180 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 667 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    119 引用 • 54 回帖