登录 注册

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

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

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

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

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

image.png

  • 思源笔记

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

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

    23020 引用 • 92597 回帖
1 引用
[css] [js] 思源笔记用到现在积累的所有代码片段 • JeffreyChen
1 感谢
1 关注
2 收藏
1 引用
8 回帖
2
2
383 155 6 119 6 12 85

相关帖子

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
实事求是，追求进步。
回帖
169
 帖子
70
 积分
6963

近期热议

推荐标签 标签

  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 232 回帖
  • danl
    • 146 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • Q&A

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

    8449 引用 • 38490 回帖 • 155 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ，专注在碎片化时代，促进你的记录，帮你积累更多知识资产。

    5 引用 • 107 回帖
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    171 引用 • 512 回帖
  • Hexo

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

    21 引用 • 140 回帖 • 2 关注
  • 星云链

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

    3 引用 • 16 回帖 • 6 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 400 关注
  • GitBook

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

    3 引用 • 8 回帖
  • Notion

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

    7 引用 • 40 回帖
  • GitHub

    GitHub 于 2008 年上线，目前，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。正因为这些功能所提供的便利，又经过长期的积累，GitHub 的用户活跃度很高，在开源世界里享有深远的声望，并形成了社交化编程文化（Social Coding）。

    210 引用 • 2036 回帖
  • JVM

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

    180 引用 • 120 回帖 • 3 关注
  • Swagger

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

    26 引用 • 35 回帖 • 5 关注
  • WiFiDog

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

    1 引用 • 7 回帖 • 592 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 913 回帖 • 250 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统（DBMS），它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的，并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 4 关注
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 2 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    407 引用 • 3578 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 789 关注
  • 创造

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

    178 引用 • 997 回帖
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 632 关注
  • CSDN

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

    14 引用 • 155 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis，2010 年这个项目由 Apache 软件基金会迁移到了 google code，并且改名为 MyBatis ，2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 387 关注
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 779 关注
  • 导航

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

    42 引用 • 175 回帖

最新标签