鼠标中键打开大纲

image.png

image.png

之前看到有佬分享了
可以用鼠标中键展开文档数层级
想问下有什么代码可以实现
中键展开大纲的层级吗
因为大纲那个展开标志稍微有点小了不太方便

  • 思源笔记

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

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

    25245 引用 • 104152 回帖

相关帖子

欢迎来到这里!

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

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

    试下这个?
    这个不行, 就悬赏一下, 大佬搞得概率会大一点

    image.png

    1 回复
    好滴谢谢宝
    suxiang999
  • 其他回帖
  • Deyu

    请问这个大纲的样式是什么主题 or 插件呀?左侧那个颜色侧线好看

    1 回复
  • EmberSky

    css 片段

    /* [css片段] 多彩大纲竖线 */
    :root {
        /* 竖线颜色 */
        --vertical-line-color-1: var(--b3-font-color7);
        --vertical-line-color-2: var(--b3-font-color6);
        --vertical-line-color-3: var(--b3-font-color9);
        --vertical-line-color-4: var(--b3-font-color11);
        --vertical-line-color-5: var(--b3-font-color7);
        --vertical-line-color-6: var(--b3-font-color6);
        --vertical-line-color-7: var(--b3-font-color9);
        --vertical-line-color-8: var(--b3-font-color11);
    
        /* 文档缩进距离 */
        --file-retract-length: 8px;
        /* 竖线括号没有对齐, 调这里 */
        --bracket-retract-length: 4px;
        /* 竖线括号粗细 */
        --vertical-line-bracket-width: 3px;
        /* 竖线括号圆角弧度 */
        --bracket-border-radius: 8px;
        /* 折叠按钮宽度 */
        --fold-button-width: 10px;
    }
    
    /* 大纲 */
    /* 折叠按钮宽度 */
    .sy__outline>.fn__flex-1>ul li>.b3-list-item__toggle {
        padding-left: var(--fold-button-width) !important;
    }
    /* 竖线 */
    .sy__outline>.fn__flex-1>ul li {
        margin-bottom: -1px;
        border-top-left-radius: var(--bracket-border-radius);
        border-bottom-left-radius: var(--bracket-border-radius);
    }
    .sy__outline>.fn__flex-1>ul li:has(span:not(.fn__hidden)>svg.b3-list-item__arrow--open) {
        /* 有子文档的(折叠按钮没有隐藏&&打开), 下括号没有弧度 */
        border-bottom-left-radius: 0px;
    }
    .sy__outline>.fn__flex-1>ul ul {
        padding-left: var(--file-retract-length);
        margin-left: var(--bracket-retract-length);
        border-top-left-radius: 0px;
        border-bottom-left-radius: var(--bracket-border-radius);
    }
    
    /* 竖线颜色 */
    .sy__outline>.fn__flex-1>ul li:has(span),
    .sy__outline>.fn__flex-1>ul ul {
        border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-1);
    }
    .sy__outline>.fn__flex-1>ul>ul li,
    .sy__outline>.fn__flex-1>ul>ul ul {
        border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-2);
    }
    .sy__outline>.fn__flex-1>ul>ul>ul li,
    .sy__outline>.fn__flex-1>ul>ul>ul ul {
        border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-3);
    }
    .sy__outline>.fn__flex-1>ul>ul>ul>ul li,
    .sy__outline>.fn__flex-1>ul>ul>ul>ul ul {
        border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-4);
    }
    .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul li,
    .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul ul {
        border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-5);
    }
    .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul>ul li,
    .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul>ul ul {
        border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-6);
    }
    
    
    

推荐标签 标签

  • 星云链

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

    3 引用 • 16 回帖
  • iOS

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

    89 引用 • 147 回帖
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 564 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 35 关注
  • Visio
    1 引用 • 2 回帖 • 4 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 18 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 46 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    108 引用 • 295 回帖 • 1 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    78 引用 • 396 回帖
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 644 关注
  • 微软

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

    8 引用 • 44 回帖 • 3 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 30 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    58 引用 • 25 回帖
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 575 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 408 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 678 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖 • 2 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 597 回帖
  • 尊园地产

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

    1 引用 • 22 回帖 • 786 关注
  • 笔记

    好记性不如烂笔头。

    310 引用 • 794 回帖 • 1 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 2 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 461 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 165 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖
  • Vim

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

    29 引用 • 66 回帖
  • 996
    13 引用 • 200 回帖 • 2 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 1 关注