登录 注册

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

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

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

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

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

image.png

  • 思源笔记

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

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

    26456 引用 • 110041 回帖 • 2 关注
1 引用
[css] [js] 思源笔记用到现在积累的所有代码片段 • JeffreyChen
1 感谢
1 关注
3 收藏
1 引用
8 回帖
2
2
542 172 7 178 6 12 167

相关帖子

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
实事求是，追求进步。
回帖
174
 帖子
73
 积分
6844

近期热议

推荐标签 标签

  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖 • 1 关注
  • Outlook
    1 引用 • 5 回帖 • 2 关注
  • IDEA

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

    181 引用 • 400 回帖
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 143 关注
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • SEO

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

    36 引用 • 200 回帖 • 38 关注
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • 七牛云

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

    29 引用 • 230 回帖 • 125 关注
  • 分享

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

    248 引用 • 1794 回帖
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    63 引用 • 289 回帖
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    346 引用 • 760 回帖 • 1 关注
  • 酷鸟浏览器

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

    3 引用 • 59 回帖 • 53 关注
  • Excel
    31 引用 • 28 回帖
  • Lute

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

    29 引用 • 202 回帖 • 32 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架，它对 JDBC 进行了非常轻量级的对象封装，使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 726 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 565 关注
  • 房星科技

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

    6 引用 • 141 回帖 • 615 关注
  • 负能量

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

    89 引用 • 1251 回帖 • 391 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • C

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

    86 引用 • 165 回帖 • 1 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 563 关注
  • Solo

    Solo 是一款小而美的开源博客系统，专为程序员设计。Solo 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    1444 引用 • 10083 回帖 • 508 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 407 关注
  • Kafka

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

    36 引用 • 35 回帖
  • Android

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

    336 引用 • 324 回帖
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖 • 9 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 1 关注

最新标签