思源如何在一行插入复选框?

本贴最后更新于 584 天前,其中的信息可能已经东海扬尘

image.png

就是图中这个效果,

试了半天,没找到怎么弄

  • 思源笔记

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

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

    18689 引用 • 69764 回帖 • 2 关注
  • Q&A

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

    6546 引用 • 29417 回帖 • 244 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • yuyuyuyu

    三选一,我做模板用的

  • yuyuyuyu
  • yuyuyuyu

    试了一下超级块的效果,是这样的,看来是没有办法了 😭

    image.png

  • wlcycxy

    image.png

    是这种效果吗?可用超级块

  • wlcycxy

    image.png

  • wlcycxy 1 赞同
    1 回复
  • hhailing 1 评论

    2.2 版本可以一行多个复选么?

  • iamqiz 2 2 赞同

    参考 @wlcycxy 超级块的思路,可以把超级块做成了模板, 搭配 css 让每个复选框之间更加紧凑

    演示:

    模板

    {{{col
    * {: id="20220920095813-mnroifl"}[ ] 
      {: id="20220920095813-6qadorw"}
    {: id="20220920095813-m2vnvgn"}
    
    * {: id="20220920095813-xzqsayz"}[ ] 
      {: id="20220920095813-brru2fz"}
    {: id="20220920095813-lwbtqzi"}
    
    }}}
    {: style="text-align: left;" id="20220920095813-dc6019s"}
    
    

    保存为 \SiYuan\data\templates\复选框 fxk.md

    css

    /* ----------------------------------------------超级块内水平复选框紧凑设置*/
    /*这里使用has来限制父元素,has()需要chrome v105+才支持,electron v21版本*/
    
    /*下面几个margin用来调整超级快的高度,使其变小*/
    /*超级块自适应宽度,而不是整个文档宽度*/
    div.sb[data-type="NodeSuperBlock"][data-sb-layout="col"] {
    	width: fit-content;
    	margin: 0px;
    }
    /*每个复现框内文本不wrap*/
    div.sb[data-type="NodeSuperBlock"][data-sb-layout="col"]>div.list[data-type="NodeList"][data-subtype="t"]>div.li[data-type="NodeListItem"][data-subtype="t"]>div.p {
        width: max-content;
    	margin: 0px;
    }
    /*超级块里面段落块的文本不wrap*/
    div.sb[data-type="NodeSuperBlock"][data-sb-layout="col"]>div.p>div[contenteditable="true"] {
        width: max-content;
    }
    /*复选框往右移动,防止其左边菜单和左边的复选框overlap*/
    div.sb[data-type="NodeSuperBlock"][data-sb-layout="col"]>div.list[data-type="NodeList"][data-subtype="t"] {
    	padding-left: 15px;
    	margin: 0px;
    }
    

    添加到

    \SiYuan\conf\appearance\themes\daylight2\theme.css 的尾部

    daylight2 改成你的主题名

    \SiYuan 是思源工作空间路径

    4 回复
    3 操作
    iamqiz 在 2022-09-22 08:20:05 更新了该回帖
    iamqiz 在 2022-09-21 22:14:39 更新了该回帖
    iamqiz 在 2022-09-21 12:35:28 更新了该回帖
  • qifengle1998

    勾选以后,被勾选的内容被做删除线处理了,有办法不显示这个删除线吗?

    1 回复
  • yuyuyuyu

    可以采用 html 块的方式,可以展现复选框,但是勾选状态保留不下来,要自己去修改代码

  • yuyuyuyu

    只能展现效果,复选框本身的功能没有了。

    所以思源没有原生支持复选框,我没找到一个很方便的方法

  • iamqiz

    是这个吗?

    Snipaste20220921111217.png

    1 回复
  • wlcycxy

    image.png复选框难道还有什么其它效果,至于删除线,与所用的主题有关吧。

  • qifengle1998

    30s 这里调整宽度,是有什么快捷键吗

    1 回复
  • yuyuyuyu 1 评论

    G770K7KPYG4HD4753D.jpg

    大佬,请问超级块上下的边距有办法缩小吗?现在上下的边距太大了。超级块菜单栏也不支持垂直间距的调整

    css 代码更新了,调整了间距 ,看我之前的回复
    iamqiz 1
  • qifengle1998 1 评论

    原来路径下面已经有一个 theme.css 文件了,

    这段 css 代码,是不是只要粘贴到原来文件的末尾就行 😳

    对的
    iamqiz
  • qifengle1998 1 评论

    真的变小了,感谢!!!如果后面主题例行更新,这个样式会受到影响吗?

    1 回复
    被覆盖掉之类的
    qifengle1998
  • yuyuyuyu 1 评论

    奇怪了,我粘贴到 theme.css 里面来了

    image.png

    保存文件,重启思源,上下间距还是那么大,没有效果。 可能是版本的原因?

    image.png

    你是通过什么步骤创建的?模板?这个 css 针对的是超级块, 你试试通过模板创建,不嵌套进列表里,如果还不行, 用 daylight 主题看看
    iamqiz
  • iamqiz

    会有被覆盖丢失的可能,所以要备份,

    或者把自己的 css 单独写到一个文件,比如 SiYuan\conf\appearance\themes\a.css,然后在主题的 theme.css 的开头通过

    @import url(/appearance/themes/a.css);

    来导入

    1 回复
  • yuyuyuyu 2 评论

    我是不是使用步骤错了 😭

    我复制了你那个超级块模板,然后再 theme.css 中粘贴了代码

    但是在文档里面导入模板以后,超级块的间距没有发生什么变化。

    换成 daylight 也没效果
    yuyuyuyu
    @yuyuyuyu 你换成 dalight 主题之后,那个 css 片段也要复制到 daylight 的 theme.css 里; 如果你用其他主题,你得把那个 css 片段复制到 theme.css 的尾部
    iamqiz
  • wlcycxy

    没有什么快捷键,只是回车键,插入更多块而已

请输入回帖内容 ...

推荐标签 标签

  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 5 关注
  • 开源

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

    396 引用 • 3416 回帖
  • Spark

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

    74 引用 • 46 回帖 • 548 关注
  • SEO

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

    35 引用 • 200 回帖 • 24 关注
  • 倾城之链
    23 引用 • 66 回帖 • 100 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 370 关注
  • Sphinx

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

    1 引用 • 180 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 47 关注
  • ZooKeeper

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

    59 引用 • 29 回帖 • 18 关注
  • 数据库

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

    330 引用 • 614 回帖
  • 房星科技

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

    6 引用 • 141 回帖 • 559 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 71 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 291 关注
  • 资讯

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

    53 引用 • 85 回帖
  • Solidity

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

    3 引用 • 18 回帖 • 350 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 906 回帖 • 192 关注
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • 尊园地产

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

    1 引用 • 22 回帖 • 685 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 345 关注
  • gRpc
    10 引用 • 8 回帖 • 54 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 27 关注
  • 笔记

    好记性不如烂笔头。

    303 引用 • 777 回帖
  • Typecho

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

    12 引用 • 60 回帖 • 467 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    5 引用 • 15 回帖 • 222 关注
  • 外包

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

    26 引用 • 232 回帖 • 6 关注