STtools 插件:类 AFFiNE 画板初版

清明假期,狂肝后成果:(大部分时间在看 tldraw 文档,ai 编写 tldraw 简直胡言乱语,只能踏踏实实看文档和部分源码 😭)

修复之前的亿点 BUG,优化之前的一些细节,到了我觉得能用的水平

大致演示如下:

更多细节和 BUG 欢迎试用体验后反馈

建议新开空间尝试

(未经严格测试,注意数据备份!!!!)

  • 思源笔记

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

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

    26518 引用 • 110297 回帖 • 2 关注
1 操作
JeffreyChen 在 2025-04-06 00:53:04 更新了该帖

相关帖子

优质回帖
  • Wolke 1 赞同

    要不咱还是独立出来吧 🥹

  • lfme2017 1 赞同

    哎呀,这个设计思路太妙了呀。直接把正文转成了画板,又没增加文件数量。

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 是必须要用 React 开发的吗?

    是的
    stevehfut 1
  • @ACai 菜哥你再不出手,要凉了

  • 强啊 👍 如果以后能做成 refly 那样就无敌了trollface

  • 太强了 👍

    刚刚简略试用了一下,功能太多了,还没完全弄明白,但拖拽块很丝滑……明早再继续试。

  • Wolke 1 赞同 1 评论

    要不咱还是独立出来吧 🥹

    不考虑把画板单独独立成一个插件,原因:后面维护起来很麻烦。抱歉
    stevehfut
  • Voyager0587

    丝滑

  • lfme2017

    插件叫什么名呀?我找不到的?

    1 回复
  • STtools

  • lfme2017

    是叫“stools 插件”吗?我装了,但要怎样打开?

  • lfme2017 1 赞同

    哎呀,这个设计思路太妙了呀。直接把正文转成了画板,又没增加文件数量。

  • lfme2017 1 评论

    但画好白板后,好象没办法转换成文档?affine 是直接可以转换成文档的。白板只是规划、思考的工具呀

    转成文档?什么意思,能具体说说吗
    stevehfut
  • lfme2017

    在 affine 中,我们在 2 的白板视图中,画好了白板,则 1 中,同时就生成文档的了。同时,在 2 中,还可以控制什么显示在白板中。

    其实这才符合思维过程的。 我规划好,有框架了,同时就出现在文本中了。

    图片.png

    图片.png

    1 回复
  • 厉害厉害,竟然可以双向链接和跳转

  • lfme2017

    我觉得,白板的功能,主要是用来思考,寻找关联的,它并用擅长用来归类整理已有的东西,那应该是思维导图的事。

    所以,白板后,把结果直接生成文档,就非常有必要了。

    同时,白板的联线建议改成 S 型的,象 DigiBraink 哪样,在白板的过程中,思考之余,不断的上下移动,本来就解压。

    另外,我测试了下,不断的报错,说要刷新页面。或刷新数据。

    1 回复
  • stevehfut

    我们在 2 的白板视图中,画好了白板,则 1 中,同时就生成文档的了。同时,在 2 中,还可以控制什么显示在白板中。

    现在就是这样的啊,只是会默认显示文档块,你在 tldraw 里创建的块,是保存在原文档里的,tldraw 里也可以控制显示什么块。目前只是不能把 tldraw 的画面嵌入在文档块中

  • stevehfut

    另外,我测试了下,不断的报错,说要刷新页面。或刷新数据。

    麻烦说一下操作,和报错的截图。最好可以录个视频

  • lfme2017

    @stevehfut

    我是笔记的深度依赖者、使用者。我给些建议呀。

    举个例子说吧,有个 whiteboard 的挂件。那,我写文章,教程,喜欢用图形去表达出来,如果我要用到那个挂件,则我写一篇文章,可能要画几十个图,那我就得要建几十个文件,并分别引用 。眼都花了。

    所以,不知道能不能这样来实现:

    把一个白板元素,看成一个块,或把几个白板元素,组合成一个块,分配一个唯一的 id,并允许复制超链接。这样,就可以只建立一个文件,并在文章各处引用不同的图形 ID 了。

    至于白板文件,直接放到思源的 SiYuan\data\assets 中就行了。与文档相同的命名去保持。并可以重新打开修改。

    1 回复
  • stevehfut

    把一个白板元素,看成一个块,或把几个白板元素,组合成一个块,分配一个唯一的 id,并允许复制超链接。这样,就可以只建立一个文件,并在文章各处引用不同的图形 ID 了。

    这个已有初步实现,只是还不能超链接跳转。后面可以考虑实现

    至于白板文件,直接放到思源的 SiYuan\data\assets 中就行了。与文档相同的命名去保持。并可以重新打开修改。

    放那如果没有引用的话,很容易被误清理。目前就一个文档绑一个画板。后面更新 tldraw 数据的备份和管理

  • lfme2017

    图片.png

    这是用橡皮工具引起的。反正很多了。我就不录屏了。正常操作来的。

  • lfme2017

    图片.png

    这是橡皮另外一处。也引发了。

    1 回复
  • openAI 1 评论

    有深色模式,好评

    哈哈,我是深色模式重度使用者,写的任何东西都会优先支持深色
    stevehfut
  • stevehfut

    插件版本多少,我这边复现不出来

  • lfme2017 2 评论

    版本号是 0.7.5 吧?今天才装的。思源版本是 3.1.26 系统是 windows11

    奇怪了,我这边用橡皮擦没有任何问题
    stevehfut
    你用橡皮擦了什么东西会报错吗?还是用橡皮就会报错?
    stevehfut
  • lfme2017

    PixPin20250406165610.gif

    1 回复
  • stevehfut

    我又新开了一个空间试了下,还是没问题

  • lfme2017 1 评论

    所以难搞了。我重启思源后还是哪样。就不 知道重启电脑后会不会 了。希望没事了。

    你新开一个空间试试
    stevehfut
  • lfme2017

    我知道了。不知是和哪个插件有冲突。当只剩下你这个插件时,没问题。

  • lfme2017 1 评论

    图片.png

    很可能是和这个有冲突。这个关掉之后,就没事了

    因为都用的 tldraw,很容易冲突
    stevehfut
  • lfme2017 2 评论

    PixPin20250406174041c.gif
    @stevehfut

    麻烦看一下,能不能把图形到文档的这个功能也实现了:

    图形弄过来在思源很难实现,我想到的只能用 iframe 嵌入(改用 iframe 的话工作量比较大,之前也没试过,还不知道行不行),要是思源支持自定义块就好了
    stevehfut
    @stevehfut 不行也不要紧的了。就是多了个截图,复制粘贴了。不要改了。辛苦的。文字能过去,就已经很好了。
    lfme2017
  • WeiCJ 1 评论

    哇哦,找到同路的了,看了好久的 tldraw 文档,也打算开发思源的白板来着。

    就是最近 typst 更能用得上,就先整了 typst 的,后面准备把 typst 和思源笔记还有白板结合一下。

    18caa37804e7e1ba14992f36155346b9.jpg

    其他不知道,集成到思源有很多坑,遇到问题欢迎参考我的代码(如果看得懂我的爆浆代码的话))
    stevehfut
  • 5kyfkr 1 评论

    大佬,现在删除了画板里的卡片似乎不会把对应文档里的时间戳双链同步删除,反之也是,希望能同步删除

    反之是可以的,在文档里把块删了,画板里的块重新加载时会自动删除。在画板里删除逻辑后面我再优化优化。
    stevehfut
  • 首先感谢大佬的优秀工具。请教一个问题,怎么查看总体创建了多少画板文件了?每个文档右上角点击画板,这个画板就和这个文件关联了吗?如果文件删除,画板也就一起删除了?

    1 回复
请输入回帖内容 ...
stevehfut
望天空云卷云舒,看庭前花开花落 淮南

推荐标签 标签

  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 112 关注
  • 996
    13 引用 • 200 回帖 • 3 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 90 关注
  • PWA

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

    14 引用 • 69 回帖 • 185 关注
  • V2EX

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

    16 引用 • 236 回帖 • 241 关注
  • Solo

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

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

    1445 引用 • 10083 回帖 • 508 关注
  • abitmean

    有点意思就行了

    36 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 90 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    86 引用 • 165 回帖 • 2 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖 • 1 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 122 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    415 引用 • 3598 回帖 • 2 关注
  • etcd

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

    6 引用 • 26 回帖 • 545 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 2 关注
  • ReactiveX

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

    1 引用 • 2 回帖 • 181 关注
  • FlowUs

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

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

    1 引用
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 1 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 639 关注
  • Openfire

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

    6 引用 • 7 回帖 • 117 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 110 关注
  • 快应用

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

    15 引用 • 127 回帖 • 1 关注
  • WebComponents

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

    1 引用 • 16 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    37 引用 • 157 回帖
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    6 引用 • 143 回帖 • 1 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    346 引用 • 760 回帖