[js] 粘贴为链接(可自动获取文章标题)

缘起

当我们复制链接想转换为带有标题的链接时,常常需要先对链接文本转换为链接,然后链接右键打开链接对话框,然后复制标题才行。这少量还可以,但当频繁复制时会很麻烦。

复制链接时自动获取连接标题这个功能很常见,一般好的笔记软件都支持。

思源里,我看了插件市场只有一个,但操作方式不符合我平时使用习惯。

于是,继 [js] 粘贴为段落(自动把剪切板一个换行转换为两个)[js] 粘贴为网络图片和本地图片(支持粘贴 gif 保持动画不失效,可拦截思源默认 gif 粘贴) 之后 [js] 粘贴为链接(可自动获取文章标题) 来了。

功能

  1. 当复制网络连接时,右键选择“粘贴为链接”即可,自动获取连接标题并转换为链接(注意,有些网站可能防盗链获取不了)。
  2. 当复制思源超级链接时,自动获取文档的标题。
  3. 当其他链接时,标题文本即链接本身。
  4. 支持 pc 版和手机版。

使用方法

1)pc 版右键选择“粘贴为链接”即可

image.png

2)手机版右键点更多按钮,然后选择“粘贴为链接”即可

image.png

演示

如何使用代码片段

如何使用代码片段? - 思源笔记社区平台

鸣谢

参考了 @Frostime 大佬的 Titled Url 插件源码,解决了浏览器跨域无法获取标题的问题 see https://github.com/frostime/sy-titled-link/blob/1b70c09631da0058f3229ac45681feaadd477604/src/index.ts#L17

感谢 @Frostime 大佬!!!

声明

免责声明: 本方案尚处于实验阶段,仅供学习和参考,请充分测试后谨慎使用,使用过程中造成的任何问题,作者不承担任何责任。

版权声明: 如需转载、翻译、演绎或二次开发请保留作者信息及原文链接。未经许可,不得用于商业用途。

最终解释权归作者所有。

打赏作者

image.png

代码

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

打赏 10 积分后可见
10 积分 • 32 打赏
  • 思源笔记

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

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

    28446 引用 • 119783 回帖
  • 代码片段

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

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

    285 引用 • 1986 回帖
1 操作
wilsons 在 2025-07-14 17:06:02 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
wilsons
正式入驻知乎了,以后新贴主要在这里。 欢迎大家订阅关注! 你的关注对我是莫大鼓励,也能让我持续产出优质内容,我们一起成长 🙏 点这里立即关注:https://www.zhihu.com/people/wilsonses