STtools 插件:类 AFFiNE 画板初版

本贴最后更新于 211 天前,其中的信息可能已经事过境迁

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

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

大致演示如下:

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

建议新开空间尝试

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

  • 思源笔记

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

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

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

相关帖子

优质回帖
  • Wolke 2 赞同

    要不咱还是独立出来吧 🥹

  • lfme2017 1 赞同

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

欢迎来到这里!

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

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

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

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

  • 太强了 👍

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

  • Wolke 2 赞同 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
望天空云卷云舒,看庭前花开花落 淮南

推荐标签 标签

  • JVM

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

    180 引用 • 120 回帖 • 1 关注
  • SQLServer

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

    21 引用 • 31 回帖
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    192 引用 • 1022 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 147 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 119 关注
  • OnlyOffice
    4 引用 • 29 关注
  • Wide

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

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

    30 引用 • 218 回帖 • 654 关注
  • Redis

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

    284 引用 • 248 回帖 • 2 关注
  • HBase

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

    17 引用 • 6 回帖 • 66 关注
  • 分享

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

    250 引用 • 1799 回帖
  • OpenStack

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

    10 引用 • 13 关注
  • Unity

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

    25 引用 • 7 回帖 • 106 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2389 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    182 引用 • 400 回帖 • 3 关注
  • WebComponents

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

    1 引用 • 16 关注
  • 数据库

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

    347 引用 • 762 回帖
  • Hadoop

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

    93 引用 • 122 回帖 • 628 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 723 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 421 关注
  • 安全

    安全永远都不是一个小问题。

    201 引用 • 818 回帖 • 1 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

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

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

    417 引用 • 3604 回帖
  • 996
    13 引用 • 200 回帖 • 7 关注
  • 资讯

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

    56 引用 • 85 回帖
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    10 引用 • 80 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 629 关注