【新插件分享】AttachFlow 内嵌附件的右键菜单,拖拽调节图片大小

视频介绍: Obsidian AttachFlow 插件:极大提升 Obsidian 附件编辑管理体验_哔哩哔哩_bilibili

GitHub地址:GitHub - Yaozhuwa/AttachFlow: This nifty obsidian plugin enables seamless management of attachments and referenced links directly from your documents. Taking advantage of an intuitive right-click menu, you can efficiently handle resources in both LIVE and READ modes.

功能简单演示如下:

AttachFlow-ContextMenu

AttachFlow-DragResize-small

6 个赞

这也太厉害了,膜拜技术大佬。有考虑做大图功能吗?

这个缩小放大图片会改变图片实际的容量大小吗?

不会,就是用Obsidian设置图片宽度的语法缩放的。

不考虑了,已经做出来了~

0.3.0 版本增加了点击查看大图功能

  • 查看大图时在图片上进行鼠标滚轮操作可以缩放
  • 查看大图时鼠标右键或者点击空白区域或者Esc按键退出大图查看
  • 目前只有点击图片右半边区域才会显示大图(防止覆盖 Excalidraw 的跳转,这样可以点击左边区域跳转到 Excalidraw 文件编辑)
3 个赞

大佬你是额滴神呀

1 个赞

膜拜大佬,我喜欢你的插件

能否考虑加个图片标题功能,图片下方紧挨着加一段文字说明,文字也不会多占一行,即与图是一体的,又可随时修改文字。

图是我在思源笔记里截的,这是思源自带的功能。

PixPin_2025-04-24_03-10-36

也有类似的需求,用html语法实现的在底部加注释。
下面是templter的模板,保存后,设置个快捷键。使用时,在正常的插入图片后,选择图片的链接,按下快捷键,即可替换为html语法的带注释的格式。

<%*
// 获取剪贴板中的图片链接
let imgLink = await tp.system.prompt("请输入图片链接");
// 弹出输入框,让用户输入注释内容
let caption = await tp.system.prompt("请输入备注内容");
// 生成最终的 HTML 代码
let htmlCode = `<figure>
    <img src="${imgLink}" height="500">
    <center><figcaption>${caption}</figcaption></center>
</figure>`;
// 返回生成的 HTML 代码
tR = htmlCode;
%>