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

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

image.png

就是图中这个效果,

试了半天,没找到怎么弄

  • 思源笔记

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

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

    22337 引用 • 89380 回帖
  • Q&A

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

    8112 引用 • 37001 回帖 • 160 关注

相关帖子

欢迎来到这里!

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

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

    三选一,我做模板用的

  • yuyuyuyu
  • yuyuyuyu

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

    image.png

  • wlcycxy

    image.png

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

  • wlcycxy

    image.png

  • wlcycxy 1 赞同
    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

    image.png

  • 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

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

请输入回帖内容 ...

推荐标签 标签

  • 资讯

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

    55 引用 • 85 回帖
  • Solo

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

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

    1434 引用 • 10054 回帖 • 490 关注
  • Lute

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

    25 引用 • 191 回帖 • 16 关注
  • 钉钉

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

    15 引用 • 67 回帖 • 339 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    75 引用 • 1737 回帖 • 5 关注
  • IBM

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

    17 引用 • 53 回帖 • 136 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖 • 1 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    190 引用 • 1057 回帖
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖 • 1 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖
  • FlowUs

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

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

    1 引用 • 1 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 617 关注
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    98 引用 • 344 回帖
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • 创业

    你比 99% 的人都优秀么?

    84 引用 • 1399 回帖
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 680 关注
  • Latke

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

    71 引用 • 535 回帖 • 787 关注
  • 心情

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

    59 引用 • 369 回帖
  • 新人

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

    52 引用 • 228 回帖
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 241 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    287 引用 • 4484 回帖 • 669 关注
  • SEO

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

    35 引用 • 200 回帖 • 22 关注
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 595 关注