[js] 一键编辑思源图片,思源里也可以编辑图片了

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

简介

这是个标题党啦 😄

其实就是思源里按 alt+ 单击图片调用本地图片编辑器编辑,但与思源默认的打开方式不同的是,alt+ 单击打开后,会等待编辑器窗口的关闭,当你编辑完成后,关闭编辑器时,会自动更新思源的图片,这样看起来就如同在思源中编辑一样丝滑。

光看文字你肯定没感觉,直接上图吧

image02.gif

有没有震撼到,没有没关系,多看几遍找找感觉 😂

为什么做这个功能?

之前是因为解决这个问题 [插件请求] 图片标注 临时用的解决方案。后来使用过程中发现还不错,还算顺滑,为了方便更多人,想想还是放到 js 代码片段标签下吧。

常见问题

  1. 如果同一个图片打开多个编辑器实例会怎样?
    如果都保存,最后一个保存的生效。
  2. 不同的图片可以同时打开多个编辑器实例吗?
    可以的,没影响。
  3. 除了画图和预览,可以调用其他编辑器吗?
    理论上可以的,实际以测试为准。
  4. Windows 和 Mac 上有什么不同吗?
    由于 Mac 没有打开并等待命令,所以,Mac 上实现方式是通过监控是否该应用的所有窗口都关闭实现。
    open -W 参数虽然能等待,但必须完全退出才行,而 Mac 上默认关闭是不会退出应用的。
    windows 上实现方式是等待进程退出后更新思源图片,如果关闭窗口后编辑器进程未完全退出有可能无法刷新,由于每个软件实现方式不同,具体以实际测试为准。

注意事项

目前仅支持 electron 端,及 Windows 和 Mac 系统。

默认 windows 调用画图,Mac 调用预览。

感谢作者

image.png

代码

👇 打赏后可见(为什么要打赏后可见?主要想通过这种方式统计使用人数及用户需求,以帮助作者分析哪些功能是用户最需要的)

打赏 20 积分后可见
20 积分 • 3 打赏
  • 思源笔记

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

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

    26123 引用 • 108463 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    192 引用 • 1363 回帖 • 1 关注
6 操作
wilsons 在 2025-06-05 06:04:48 更新了该帖
wilsons 在 2025-06-05 06:03:44 更新了该帖
wilsons 在 2025-04-14 09:53:37 更新了该帖
wilsons 管理员在 2025-04-10 16:00:47 取消置顶了该帖 wilsons 管理员在 2025-04-10 06:07:01 置顶了该帖 wilsons 在 2025-03-10 10:13:38 更新了该帖

相关帖子

优质回帖
  • Adaxi 1

    现在结合 Paint.NET 使用,非常的方便。js 代码片段.7z

  • 80gt 1 赞同

    解决了,感谢大佬 ❤️ 是第四条,我没有设置路径

  • wilsons 1 赞同

    把图片链接后面的?t=xxxx 去掉即可,为了对抗图片缓存加的这个,目前没有好的解决方案,不加这个,图片修改后需要重启思源才能生效

    image.png

    好在,这几个菜单也没什么用,就是在标签或窗口打开图片而已

    已给官方提了 issue Issue #14894 · siyuan-note/siyuan

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • wilsons 1 评论

    其实可以的,用 canvas 实现简单的标记还是可以的,但这个复杂度嘛,估计不是一般人愿意搞的。

    这是个偷懒的方式,勉强满足需要。

    确实,哈哈哈,大佬幸苦了,为思源贡献了好多好用的 js 代码
    stevehfut
  • 其他回帖
  • wilsons

    思源 v3.1.31 已经解决了这个问题

    see Issue #14894 · siyuan-note/siyuan

    1 回复
  • wilsons

    理论上是可以的,但要改代码,这里按键后会判断鼠标点击的目标是否图片,只有图片才执行。

    如果你想改成 pdf 等,需要去掉这个图片的判断,然后再改成 pdf 的编辑器 app 应该就行了。

  • wilsons

    不需要的,你重启思源或你新空间测试看看,如果还有问题,可以把你的文件导出上传到帖子里我看看。

    image03.gif

  • 查看全部回帖
wilsons
正在努力开发 wilsons 工具箱中 🛠️ 目前已正式入驻爱发电啦!💖 想催更、提需求?欢迎访问 👉 https://afdian.com/a/wilsons