登录 注册

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

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

image.png

  • 思源笔记

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

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

    26375 引用 • 109689 回帖
  • Q&A

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

    10148 引用 • 46117 回帖 • 63 关注
株洲 位置 10 回帖
5
4
517 127 17 145 228

相关帖子

被采纳的回答
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
 积分
1049

近期热议

推荐标签 标签

  • Android

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

    336 引用 • 324 回帖 • 2 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 241 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 1 关注
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    37 引用 • 157 回帖 • 1 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 2 关注
  • 分享

    有什么新发现就分享给大家吧！

    248 引用 • 1794 回帖 • 1 关注
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 15 关注
  • Q&A

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

    10148 引用 • 46117 回帖 • 63 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划，本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE，直到 1999 年 Sun 买下此公司。Sun 于次年（2000 年）六月将 NetBeans IDE 开源，直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 713 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 409 关注
  • 人工智能

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

    115 引用 • 319 回帖
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖 • 2 关注
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    268 引用 • 666 回帖 • 2 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 2 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统，是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议，并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。

    955 引用 • 944 回帖
  • Wide

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

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

    30 引用 • 218 回帖 • 643 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 43 关注
  • GitBook

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

    3 引用 • 8 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 168 关注
  • Kafka

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

    36 引用 • 35 回帖 • 3 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    948 引用 • 1460 回帖
  • 笔记

    好记性不如烂笔头。

    311 引用 • 794 回帖
  • NGINX

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

    315 引用 • 547 回帖 • 1 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    93 引用 • 122 回帖 • 616 关注
  • wolai

    我来 wolai：不仅仅是未来的云端笔记！

    2 引用 • 14 回帖 • 1 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 3 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖

最新标签