登录 注册

希望支持单个挖空答案显示

本贴最后更新于 629 天前，其中的信息可能已经时移俗易

近期更新支持了标题块制卡，选择标题块制卡后会将标题块下的内容直接显示出来，标记的内容则挖空。

我觉得这样很方便，但问题是，一个标题块下肯定不止一个挖空，在实际操作中，我觉得如果能够单个挖空点击一下就显示答案，会比直接点击「显示答案」按钮就把所有挖空的答案都显示出来更好用（这种觉得没有依据，个人使用中的感受）。

另：《用户指南》里《闪卡》一章未更新标题块制卡的方式。

image.png

  • 思源笔记

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

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

    26179 引用 • 108740 回帖
1 引用
[css] [js] 思源笔记用到现在积累的所有代码片段 • JeffreyChen
1 感谢
1 关注
3 收藏
1 引用
8 回帖
2
2
508 171 7 160 6 12 152

相关帖子

8 回帖
希望支持单个挖空答案显示

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 88250 • • 1
    订阅者 MOD

    点击显示目前不考虑支持了，可能插件可以做。

    用户指南缺失标题块制卡下个版本补充，感谢反馈。

  • mozhu • • 1
    订阅者 付费者 支持者 捐赠者

    用 savor 主题的挖空功能可以应对

  • siyuan241 • • 1 • 1 赞同
    付费者

    savor 主题的挖空操作，给你看下 GIF

  • siyuan241 • • 1 • 1 赞同
    付费者

    动画.gif

  • EberhardLin • • 1 赞同
    订阅者 捐赠者 作者

    感谢二位 @ciwoyipang @siyuan241 的回复，但个人是想要在间隔重复界面才显示该效果，除此之外包括编辑器都是正常状态。

    当然，实际操作中只需要在开始复习时开启该特性就行，也能解决我的需求，感谢二位的分享！

    1 回复
  • JeffreyChen • • 3 • 3 评论
    付费者 支持者 捐赠者

    用这个代码片段也行，还可能更方便

    /* 闪卡的标记转挖空 CSS片段 */
.card__block .b3-typography [data-type~="mark"],
.card__block .protyle-wysiwyg [data-type~="mark"] {
    color: transparent !important;
    padding: 0px 5px 0px 5px;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1em solid var(--b3-theme-on-background) !important;
    transition: all 300ms;
}

.card__block .b3-typography [data-type~="mark"]:hover,
.card__block .protyle-wysiwyg [data-type~="mark"]:hover,
.card__block .p.block-focus [data-type~="mark"] {
    color: var(--b3-theme-on-background) !important;
    transition: all 300ms;
    padding: 0px 5px 0px 5px;
}
​
    1 引用
    2 操作
    JeffreyChen 在 2023-10-14 23:12:26 更新了该回帖
    JeffreyChen 在 2023-10-14 21:18:28 更新了该回帖
    不知道手机和平板上是什么效果，毕竟没有鼠标
    openAI •
    @openAI 我试了一下，在移动端是点一下就显示，再点一下其他地方就不显示
    JeffreyChen •
    @a2930610542 好的，谢谢解答
    openAI •
  • mdzz2048 • • 2
    订阅者 付费者 恶龙

    加一个 .card__block 选择器就行了，下面的代码片段是针对复习界面的

    .card__block .protyle-wysiwyg span[data-type="mark"] {
	// 隐藏标记文本
        color: transparent;
}

.card__block .protyle-wysiwyg span[data-type="mark"]:hover {
	// 悬浮显示标记文本
        color: var(--b3-protyle-inline-mark-color);
}
​
  • EberhardLin •
    订阅者 捐赠者 作者

    @a2930610542 @mdzz2048 非常感谢二位的帮助！

请输入回帖内容 ...
EberhardLin
实事求是，追求进步。
回帖
173
 帖子
73
 积分
6864

近期热议

推荐标签 标签

  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 605 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    693 引用 • 537 回帖
  • Spark

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

    74 引用 • 46 回帖 • 566 关注
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3455 回帖 • 150 关注
  • 域名

    域名（Domain Name），简称域名、网域，是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

    44 引用 • 208 回帖
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 253 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    186 引用 • 1021 回帖
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 122 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    172 引用 • 1538 回帖
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    7 引用 • 28 回帖 • 1 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • DevOps

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

    59 引用 • 25 回帖 • 3 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 642 关注
  • Kubernetes

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

    118 引用 • 54 回帖 • 3 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 615 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    10 引用 • 77 回帖
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 392 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用 • 4 关注
  • 小薇

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

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

    35 引用 • 468 回帖 • 767 关注
  • Swagger

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

    26 引用 • 35 回帖 • 2 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    29 引用 • 202 回帖 • 30 关注
  • 旅游

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

    98 引用 • 903 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 70 关注
  • Access
    1 引用 • 3 回帖 • 2 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 197 关注

最新标签