求助集市分组以及隐藏引述块的角标

本贴最后更新于 198 天前,其中的信息可能已经时移世易

我希望实现如下需求,不知通过 css 代码可否实现,感谢各位大佬。

  1. 集市中有些插件只是偶尔才会用到,因此正常情况下我是关闭的,能否将开启和关闭的插件分组,在插件较多时方便寻找。

  2. 开启右上角命名,数据库等角标后,所有内容块都会显示,能否实现屏蔽部分内容块,例如引述块或超级块内的所有角标都不显示

    image.png

  • 思源笔记

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

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

    25747 引用 • 106541 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9868 引用 • 44848 回帖 • 77 关注

相关帖子

被采纳的回答
  • wilsons 4

    一、集市插件分组筛选(js 实现)

    代码备份地址:https://gitee.com/wish163/mysoft/blob/master/%E6%80%9D%E6%BA%90%E7%BB%99%E9%9B%86%E5%B8%82%E6%B7%BB%E5%8A%A0%E7%AD%9B%E9%80%89%E5%8A%9F%E8%83%BD.js

    效果演示:

    r87.gif

    二、控制块右上角角标不显示(css 实现)

    /* 控制块右上角角标不显示 */ [data-type="NodeBlockquote"], /* 引用块 */ [data-type="NodeSuperBlock"] /* 超级块 */ { .protyle-attr { /* 全部不显示 */ /* display:none; */ /* 书签不显示 */ .protyle-attr--bookmark { display:none!important; } /* 命名不显示 */ .protyle-attr--name { display:none!important; } /* 别名不显示 */ .protyle-attr--alias { display:none!important; } /* 备注不显示 */ .protyle-attr--memo { display:none!important; } /* 数据库不显示 */ .protyle-attr--av { display:none!important; } } }

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • EmptyLight
    1. 要分组的话光靠 css 或许不能实现,应该会涉及到重新排列元素的问题,还要插入分组的分割样式,可能要带上 js 或者干脆提 issue 看能不能考虑加入本体
    2. 这个靠 css 应该可以实现,可以等路过的大佬进来写
    1 回复
  • HugZephyr 1

    引述块, 超级块

    [data-type="NodeBlockquote"], [data-type="NodeSuperBlock"]{ .protyle-attr--refcount.popover__block {display:none;} }
    1 回复
  • ONIONLYONE

    大佬,貌似只有引用计数隐藏了,其他包括命名、书签、别名、备注、数据库这些可以取消吗?或者是否可以取消所有 css 只保留文字?

    1 回复
  • ONIONLYONE

    好的谢谢

  • HugZephyr

    是只隐藏了计数

    备注不知道你要什么效果

    其他的功能我没用过, 没找到在哪使用 😂

    1 回复
  • ONIONLYONE

    image.png

    佬,就是右上角这些

    1 回复
  • HugZephyr

    你是开了什么主题么, 为什么我没有右上角这些内容

    image.png

    1 回复
  • ONIONLYONE

    要在设置里面开启我帖子里的那个选项

  • wilsons 4 4 评论

    一、集市插件分组筛选(js 实现)

    代码备份地址:https://gitee.com/wish163/mysoft/blob/master/%E6%80%9D%E6%BA%90%E7%BB%99%E9%9B%86%E5%B8%82%E6%B7%BB%E5%8A%A0%E7%AD%9B%E9%80%89%E5%8A%9F%E8%83%BD.js

    效果演示:

    r87.gif

    二、控制块右上角角标不显示(css 实现)

    /* 控制块右上角角标不显示 */ [data-type="NodeBlockquote"], /* 引用块 */ [data-type="NodeSuperBlock"] /* 超级块 */ { .protyle-attr { /* 全部不显示 */ /* display:none; */ /* 书签不显示 */ .protyle-attr--bookmark { display:none!important; } /* 命名不显示 */ .protyle-attr--name { display:none!important; } /* 别名不显示 */ .protyle-attr--alias { display:none!important; } /* 备注不显示 */ .protyle-attr--memo { display:none!important; } /* 数据库不显示 */ .protyle-attr--av { display:none!important; } } }
    还得是 w 佬
    HugZephyr
    大佬太无敌了
    ONIONLYONE
    @JeffreyChen @88250 考虑把插件分组加入本体吗?个人感觉挺实用的
    ONIONLYONE
  • 集市插件分组筛选(js 实现)更新至 0.0.2,修改 css 样式使之仅在插件下生效,避免使其他选项卡受到干扰

    1 回复
  • Lu9693 1 评论

    大佬,代码有两个问题。
    ① 开关按钮偏上了。
    ② 右上的数量统计有。全部为 22(正确),关闭为 16(实际关闭为 6),开启为 6(实际开启为 16)。
    image.png

    还发现一个 BUG,从右上角的【插件】进入插件管理时会没有筛选按钮
    Lu9693
请输入回帖内容 ...

推荐标签 标签

  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖
  • Swagger

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

    26 引用 • 35 回帖 • 4 关注
  • RESTful

    一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。

    30 引用 • 114 回帖
  • Follow
    4 引用 • 12 回帖 • 2 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • 宕机

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

    13 引用 • 82 回帖 • 77 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    22 引用 • 148 回帖 • 9 关注
  • 生活

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

    229 引用 • 1432 回帖
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 690 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 3 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 2 关注
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 655 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 818 回帖
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    371 引用 • 1854 回帖 • 2 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    56 引用 • 85 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 3 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 402 关注
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1395 回帖
  • Spark

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

    74 引用 • 46 回帖 • 565 关注
  • 职场

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

    127 引用 • 1708 回帖
  • Outlook
    1 引用 • 5 回帖 • 3 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 7 关注
  • SEO

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

    35 引用 • 200 回帖 • 31 关注
  • ZooKeeper

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

    59 引用 • 29 回帖 • 2 关注
  • ActiveMQ

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

    19 引用 • 13 回帖 • 676 关注