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

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

什么是流动布局

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

disabled_ldbj

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

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

enabled_ldbj

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

static_area

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

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

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

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

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

  • 思源笔记

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

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

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

相关帖子

欢迎来到这里!

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

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

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

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

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

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

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

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

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

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

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

    您好,请问是什么设备呢?
    zxkmm
  • EmberSky 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. 目前还是主推流动布局,应该是这类问题的最优解了,只是需要习惯一下。习惯以后效率和美观各方面都很高

    感谢!

  • zy949070222

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

  • zy949070222

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

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

    流布局 = 流动布局

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

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

  • gin969

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

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

请输入回帖内容 ...

推荐标签 标签

  • abitmean

    有点意思就行了

    27 关注
  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 60 关注
  • Eclipse

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

    75 引用 • 258 回帖 • 624 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 75 关注
  • 996
    13 引用 • 200 回帖 • 11 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 5 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    8 引用 • 30 回帖 • 410 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1737 回帖 • 1 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 483 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 478 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    77 引用 • 430 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 4 关注
  • 深度学习

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

    53 引用 • 40 回帖 • 1 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 400 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 747 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 8 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    93 引用 • 899 回帖 • 1 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 772 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 604 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • 自由行
    4 关注
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1795 回帖 • 1 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖 • 2 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    6 引用 • 63 回帖 • 4 关注