一种简单的文档树 UI 加密,基于 CSS

本贴最后更新于 451 天前,其中的信息可能已经水流花落

本文分割线以上是最初的内容,只能对文档内容 UI 加密,不能对文档树产生影响。分割线以下才是对文档树 UI 加密。

首先给文档添加一条约定好的属性,比如"lock"。然后增加如下 CSS 片段并生效。

div[custom-lock]{
    display: none;
}

如果要显示内容的话,就通过 F12 开发者工具,找到对应位置,增加一条 style,display: block; 即可。

如何恢复隐藏?刷新或关闭文档即可。


刚刚捣鼓出来了,左侧文档树也可以进行 UI 加密,需要用到 block ID。

① 笔记本加密

CSS 片段形如:

ul[data-url="20231101234567-abcdefg"]{
    display: none;
}

想要在文档树中显示笔记本,还是通过 F12 开发者工具,找到对应位置,增加一条 style,display: block; 即可

如何恢复隐藏?只需关闭笔记本即可。

② 文档加密

CSS 片段形如:

li[data-node-id="20230301234567-abcdefg"]{
    display: none;
}

想要在文档树中显示该文档,同样通过 F12 开发者工具,找到对应位置,增加一条 style,display: flex; 即可,这里和前面不太一样,需要注意下。

另一种打开文档树中已加密文档的方法是,ctrl+f 搜索

如何恢复隐藏?只需折叠笔记本即可。

  • 思源笔记

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

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

    23873 引用 • 97123 回帖 • 5 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    197 引用 • 541 回帖 • 2 关注
6 操作
openAI 在 2023-11-17 13:20:23 更新了该帖
openAI 在 2023-11-13 02:00:41 更新了该帖
openAI 在 2023-11-12 23:38:36 更新了该帖
openAI 在 2023-11-12 23:24:23 更新了该帖 openAI 在 2023-11-12 20:01:36 更新了该帖 openAI 在 2023-11-12 10:21:04 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 刚刚捣鼓出来了,左侧文档树也可以进行 UI 加密,需要用到 block ID。

    ① 笔记本加密

    CSS 片段形如:

    ul[data-url="20231101234567-abcdefg"]{
        display: none;
    }
    

    想要在文档树中显示笔记本,还是通过 F12 开发者工具,找到对应位置,增加一条 style,display: block; 即可

    如何恢复隐藏?只需关闭笔记本即可。

    ② 文档加密

    CSS 片段形如:

    li[data-node-id="20230301234567-abcdefg"]{
        display: none;
    }
    

    想要在文档树中显示该文档,同样通过 F12 开发者工具,找到对应位置,增加一条 style,display: flex; 即可,这里和前面不太一样,需要注意下。

    如何恢复隐藏?只需折叠笔记本即可。

  • ebird98 1 赞同

    😂 感觉可以做成插件了…右键 > 隐藏,右键-> 显示。

    1 回复
  • openAI 1 赞同

    右键 > 显示 可以。右键 > 隐藏 的话,感觉可以做成无感的,就像我正文所说,可以通过关闭文档、折叠笔记本、关闭笔记本来实现,这样有个好处就是重新启动思源,必然是默认隐藏的,不用担心上一次使用是不是忘了隐藏。

  • 插件什么的,先缓缓。可以不用通过 F12 打开开发者工具这样麻烦。

    一种打开文档树中已加密文档的方法是,ctrl+f 搜索 😂

推荐标签 标签

  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • 尊园地产

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

    1 引用 • 22 回帖 • 778 关注
  • OpenCV
    15 引用 • 36 回帖 • 2 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    28 引用 • 225 回帖 • 136 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 93 关注
  • 快应用

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

    15 引用 • 127 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 3 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    30 引用 • 96 回帖
  • Python

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

    548 引用 • 674 回帖
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    178 引用 • 816 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 539 关注
  • 笔记

    好记性不如烂笔头。

    311 引用 • 796 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖 • 1 关注
  • OkHttp

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

    16 引用 • 6 回帖 • 79 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • 电影

    这是一个不能说的秘密。

    121 引用 • 606 回帖 • 2 关注
  • Visio
    1 引用 • 2 回帖 • 1 关注
  • RESTful

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

    30 引用 • 114 回帖 • 7 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖 • 1 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    141 引用 • 209 回帖
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 210 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    66 引用 • 114 回帖 • 208 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 441 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖 • 2 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 698 关注