登录 注册

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

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

image.png

  • 思源笔记

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

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

    25123 引用 • 103575 回帖
  • Q&A

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

    9587 引用 • 43597 回帖 • 97 关注
株洲 位置 10 回帖
5
4
350 121 71 158

相关帖子

被采纳的回答
10 回帖
有无大佬提取 savor 主题中的列表转表格功能

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wilsons •
    付费者 捐赠者

    这个插件可以达到同样的效果

    image.png

    image.png

    image.png

    1 回复
  • Anastasia •
    付费者 作者

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

  • wilsons • • 1
    付费者 捐赠者

    确实是，但或许插件 +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 查看源代码。

  • wilsons • • 1
    付费者 捐赠者

    那个圆点没有居中对齐

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

    那个圆点没有居中对齐

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

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

    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 回复
  • wilsons • • 1 • 1 赞同
    付费者 捐赠者

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

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

    1 回复
  • Anastasia •
    付费者 作者

    再次感谢大佬！！😭

请输入回帖内容 ...
Anastasia
株洲
回帖
31
 帖子
4
 积分
1018

近期热议

推荐标签 标签

  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 544 关注
  • BookxNote

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

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

    1 引用 • 1 回帖 • 1 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖 • 1 关注
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 101 关注
  • 创业

    你比 99% 的人都优秀么？

    82 引用 • 1395 回帖
  • 脑图

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

    31 引用 • 97 回帖
  • WiFiDog

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

    1 引用 • 7 回帖 • 608 关注
  • Typecho

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

    12 引用 • 67 回帖 • 447 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    66 引用 • 114 回帖 • 195 关注
  • Anytype
    3 引用 • 31 回帖 • 13 关注
  • jQuery

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

    63 引用 • 134 回帖 • 734 关注
  • GitHub

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

    210 引用 • 2040 回帖
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    325 引用 • 1395 回帖 • 1 关注
  • SQLServer

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

    21 引用 • 31 回帖
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 4 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者规模的网站中的所有动作流数据。 这种动作（网页浏览，搜索和其他用户的行动）是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 3 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 759 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用，支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    20 引用 • 7 回帖 • 5 关注
  • Excel
    31 引用 • 28 回帖
  • CentOS

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

    239 引用 • 224 回帖 • 1 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”（正式缩写为 Fx 或 fx，非正式缩写为 FF），是一个开源的网页浏览器，使用 Gecko 排版引擎，支持多种操作系统，如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 392 关注
  • Hexo

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

    22 引用 • 148 回帖 • 12 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 102 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 7 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 649 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 342 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 72 关注

最新标签