登录 注册

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

这是个标题党啦 😄

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

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

image02.gif

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

代码：

https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E6%80%9D%E6%BA%90alt+%E5%8D%95%E5%87%BB%E5%9B%BE%E7%89%87%E6%89%93%E5%BC%80%E6%9C%AC%E5%9C%B0%E5%9B%BE%E7%89%87%E7%BC%96%E8%BE%91%E5%99%A8.js

为什么做这个功能？

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

常见问题：

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

注意事项：

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

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

打赏作者

image.png

  • 思源笔记

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

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

    25753 引用 • 106568 回帖
  • 代码片段

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

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

    174 引用 • 1209 回帖 • 1 关注
6 引用
[js] 实现图片旋转 / 翻转后保存 • wilsons
思源修改图片能立即同步吗 • wilsons
请问啥时候出图片裁剪和旋转的功能呢？ • wilsons
思源能够支持手写笔不？ 修改图片后刷新无效 能否实现笔记内图片的裁剪功能
4 操作
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 更新了该帖
11 感谢
1 关注
12 收藏
4 赞同
6 引用
4 操作
33 回帖
12
2
1.4k 603 340 1 493

相关帖子

优质回帖
  • Adaxi • • 1

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

  • 80gt • • 1 赞同
    付费者

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

  • wilsons • • 1 赞同
    付费者 捐赠者 作者

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

    image.png

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

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

33 回帖
[js] 一键编辑思源图片，思源里也可以编辑图片了

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • openAI • • 1 评论
    订阅者 付费者 捐赠者

    膜拜技术大佬。pdf 等附件也能这样编辑吗？

    1 回复
    有没有改好的代码？非 IT 人士，不会改代码。~~~
    glass •
  • 其他回帖
  • wilsons •
    付费者 捐赠者 作者

    这个报错是指没有找到画图软件。

    1 确保参数正确配置

    // windows 下调用的编辑器APP，默认 mspaint
    // 注意：Windows下的路径分隔符\要用\\表示，比如 C:\\path\\some.exe
    const windowsApp = 'mspaint';
​

    2 确保系统中画图软件可正常访问，且路径在环境变量可访问范围内

    可通过以下命令查看画图软件路径

    image.png

  • Adaxi • • 1 • 1 评论

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

    1 回复
    2 操作
    Adaxi 在 2024-12-11 22:18:19 更新了该回帖
    Adaxi 在 2024-12-11 19:57:08 更新了该回帖
    感谢分享
    wilsons •
  • wilsons •
    付费者 捐赠者 作者

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

    see Issue #14894 · siyuan-note/siyuan

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

近期热议

推荐标签 标签

  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    32 引用 • 99 回帖
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3455 回帖 • 150 关注
  • SSL

    SSL（Secure Sockets Layer 安全套接层），及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 413 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 3 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 732 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖
  • 思源笔记

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

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

    25753 引用 • 106567 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖 • 1 关注
  • wolai

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

    2 引用 • 14 回帖 • 5 关注
  • GitHub

    GitHub 于 2008 年上线，目前，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。正因为这些功能所提供的便利，又经过长期的积累，GitHub 的用户活跃度很高，在开源世界里享有深远的声望，并形成了社交化编程文化（Social Coding）。

    209 引用 • 2040 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 486 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 198 关注
  • Android

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

    336 引用 • 324 回帖
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 256 关注
  • Visio
    1 引用 • 2 回帖 • 1 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 556 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖
  • Anytype
    3 引用 • 31 回帖 • 23 关注
  • 强迫症

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

    15 引用 • 161 回帖 • 2 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）系统平台。

    下一代的社区系统，为未来而构建

    524 引用 • 4601 回帖 • 708 关注
  • 单点登录

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

    9 引用 • 25 回帖 • 5 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 675 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 233 回帖
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖
  • Dubbo

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

    60 引用 • 82 回帖 • 614 关注

最新标签