把 tldraw 的激光笔塞进 Obsidian:一次插件开发记录
来源:dev.to — 2026-10-27
📋 概述
作者整个期中季都在 Obsidian 里做笔记和阅读,直到要给朋友讲一个主题时才发现不够用:他想要共享白板那种体验——把问题放在某处,绕着它画,指着各个部分讲,而他用 tldraw 主要是为了那支激光笔。两个问题很快浮现:tldraw 的画布只会不断变长,一个主题叠在另一个下面,最后想找「之前讲过的那个东西」只能靠滚动考古;讲解中途切应用又每次都打断节奏。于是他写了 tldraw-laser-obsidian:启用后把指针拖到笔记任意处,一条红色轨迹会跟着你,抬手后轨迹停留再淡出,Esc 或 k 退出回输入状态。它只画覆盖层墨迹,从不写文件,也不进撤销历史。源码模式、实时预览和阅读模式都能用——阅读模式没有 CodeMirror 编辑器,所以这事只能靠插件,普通 CSS 注入玩不转。
🔑 核心要点
- 需求来自讲解场景:白板式指画被拆散在两个应用之间,中途切应用会打断节奏
- 轨迹只是覆盖层墨迹,不写文件也不进撤销历史,Esc 或 k 回到输入状态
- 阅读模式没有 CodeMirror 编辑器,只能靠插件实现,纯 CSS 方案无从附加
- 笔迹用 perfect-freehand 把指针点列转成填充轮廓,默认参数照抄 tldraw 的手感
💡 金句
“It never writes to the file or the undo history; the trail is overlay ink only.”
译:它从不写入文件,也不进撤销历史,那道轨迹只是覆盖层上的墨迹。
← 返回 dev.to 首页