有无大佬提取 savor 主题中的列表转表格功能

本人只想要 savor 主题中的列表转表格功能。但因为涉及 js,完全不懂,想问问有没有人愿意帮忙提取一下。

image.png

  • 思源笔记

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

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

    23781 引用 • 96577 回帖
  • Q&A

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

    8856 引用 • 40347 回帖 • 133 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 这个插件可以达到同样的效果

    image.png

    image.png

    image.png

    1 回复
  • Anastasia

    uu 思源已经有的相关插件我都尝试了,但是从页面布置和使用感受上感觉没有那个主题好,所以才想来问问的 😭 😭

  • 确实是,但或许插件 +css 样式调整可能是最简单快捷的方案,毕竟提取太过麻烦了。

    比如

    :root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table]>[data-node-id].li { /* padding: 3px 0; */ overflow: visible; } :root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table] [data-node-id].li>.protyle-action { top: 0%; } :root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table] [data-node-id] { border-radius: 0; }

    效果

    image.png

    2 回复
  • Anastasia

    !使用感受已经很接近了!就是想问问大佬那个圆点没有居中对齐,这个可以代码改一改嘛。以及有没有推荐的学习 js 的方法,我就是方法论,想看懂“自定义块”插件的内容。但是这个的代码甚至都没分行 😳

    1 回复
  • Anastasia

    大佬我刚刚尝试了一下,还有一个问题就是 savor 的视图可以让它们对齐,但是自定义块插件不行,我想问问这个能改嘛?如图image.png

    image.png

    1 回复
  • EmptyLight

    代码没分行大概率是写别的语言代码,然后编译成 CSS 和 JavaScript 的,比如 SCSS 和 TypeScript。可以在插件详情页页面点击插件的名称或 id 去 GitHub 查看源代码。

  • 那个圆点没有居中对齐

    这不是看你截图中的效果才弄的, 不要这个效果,更省事。

    那个圆点没有居中对齐

    你说的对齐是什么?如果指左侧空白太多的话,这是因为小圆点上移了显得空旷,恢复上移就好了

    你看看下面这个是不是你想要的效果?

    css:

    :root:not([plugin-custom-block-disabled~=list-view-table]) .protyle-content [custom-block-list-view=table] [data-node-id] { border-radius: 0; }

    效果:

    image.png

    另外,想看懂“自定义块”插件的内容可以看看插件开发文档 https://docs.siyuan-note.club/zh-Hans/

    另外,已发布的插件的 js 内容会被压缩了,可查看自定义块插件源码 https://github.com/Zuoqiu-Yingyi/siyuan-plugin-custom-block

    1 回复
  • Anastasia

    可以了可以了!我那个上移好像是什么插件冲突的 bug,前面没注意 😂
    我还想问问的就是,如何代码实现二级内容、三级内容对齐这样子呢?比如下面这个图的二级内容,因为文本长度不一样,就没有对齐,不是很方便查看

    image.png

    1 回复
  • 我已经把写味的列表转表格提取出来了

    [js][css] 提取写味主题列表转表格导图看板功能

请输入回帖内容 ...

推荐标签 标签

  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 157 关注
  • 笔记

    好记性不如烂笔头。

    311 引用 • 794 回帖
  • 智能合约

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

    1 引用 • 11 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 150 关注
  • 正则表达式

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

    31 引用 • 94 回帖
  • wolai

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

    2 引用 • 14 回帖
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 168 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 165 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖 • 2 关注
  • Hibernate

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

    39 引用 • 103 回帖 • 717 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 163 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 637 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    578 引用 • 3534 回帖
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 621 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 69 关注
  • Anytype
    3 引用 • 31 回帖 • 4 关注
  • Spark

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

    74 引用 • 46 回帖 • 568 关注
  • jQuery

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

    63 引用 • 134 回帖 • 731 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • 国际化

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

    8 引用 • 26 回帖
  • gRpc
    11 引用 • 9 回帖 • 78 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • HHKB

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

    5 引用 • 74 回帖 • 487 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 411 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 492 关注