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

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

image.png

就是图中这个效果,

试了半天,没找到怎么弄

  • 思源笔记

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

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

    23008 引用 • 92549 回帖
  • Q&A

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

    8446 引用 • 38474 回帖 • 154 关注

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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

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

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

  • 是这个吗?

    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
  • 会有被覆盖丢失的可能,所以要备份,

    或者把自己的 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

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

请输入回帖内容 ...

推荐标签 标签

  • 尊园地产

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

    1 引用 • 22 回帖 • 772 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    6 引用 • 63 回帖 • 5 关注
  • 心情

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

    59 引用 • 369 回帖
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • abitmean

    有点意思就行了

    27 关注
  • 大数据

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

    93 引用 • 113 回帖
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 588 回帖
  • GitBook

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

    3 引用 • 8 回帖
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 548 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 2 关注
  • 倾城之链
    23 引用 • 66 回帖 • 138 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    135 引用 • 190 回帖
  • Android

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

    334 引用 • 323 回帖 • 4 关注
  • 域名

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

    43 引用 • 208 回帖
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    30 引用 • 96 回帖 • 1 关注
  • 互联网

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

    98 引用 • 344 回帖
  • wolai

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

    2 引用 • 14 回帖
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 478 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • Lute

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

    26 引用 • 196 回帖 • 17 关注
  • 资讯

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

    55 引用 • 85 回帖
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    313 引用 • 547 回帖
  • 禅道

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

    5 引用 • 15 回帖 • 102 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 635 关注