跟下图类似，在图片右上角菜单按钮的左边，添加个复制图片地址按钮。或者说把原本要点进菜单才能操作的 复制地址 按钮浮现在右上角。
不知道有没有用的补充
- 跟图片菜单一样，鼠标滑过去才显示
- 网络图片角标，我是关闭的
相关帖子
被采纳的回答
-
wilsons • • 1付费者 捐赠者
刚才的改了下，但不知道你复制后的最终文本是否是完整链接还是去掉前缀后缀啥的，你先试试效果。
// 图片复地址放到外层右上角 (()=>{ let isOn = false; document.addEventListener('mouseover', (e)=>{ const img = e.target.closest('[data-type="img"]'); if(!img) return; if(isOn) return; isOn = true; setTimeout(()=>isOn=false, 100); if(img.querySelector('.cst-copy-png-link')) return; const action = img.querySelector('.protyle-action'); if(!action) return; const actionIcon = img.querySelector('.protyle-action .protyle-icon'); if(actionIcon) { actionIcon.style.borderTopLeftRadius = '0'; actionIcon.style.borderBottomLeftRadius = '0'; } const copyPngHtml = `<span class="protyle-icon protyle-icon--only protyle-custom cst-copy-png-link" style="border-top-right-radius:0;border-bottom-right-radius:0"><svg class="svg"><use xlink:href="#iconImage"></use></svg></span>`; action.insertAdjacentHTML('afterbegin', copyPngHtml); const copyPngBtn = img.querySelector('.cst-copy-png-link'); copyPngBtn.addEventListener('click', (e) => { e.stopPropagation(); copyPNGByLink(img.querySelector('img')?.src||''); }); }); function copyPNGByLink(link) { if(!link) return; navigator.clipboard.writeText(link); } })();比如这样的链接，要下面哪种？
http://127.0.0.1:62266/assets/image-20250512163220-2pwagz7.png?url=xxxxx- 只要 /assets/image-20250512163220-2pwagz7.png 部分
- 只要 http://127.0.0.1:62266/assets/image-20250512163220-2pwagz7.png 部分
- 只要 /assets/image-20250512163220-2pwagz7.png?url=xxxxx 部分
- 完整链接都要
请输入回帖内容
...
-
刚才的改了下，但不知道你复制后的最终文本是否是完整链接还是去掉前缀后缀啥的，你先试试效果。
// 图片复地址放到外层右上角 (()=>{ let isOn = false; document.addEventListener('mouseover', (e)=>{ const img = e.target.closest('[data-type="img"]'); if(!img) return; if(isOn) return; isOn = true; setTimeout(()=>isOn=false, 100); if(img.querySelector('.cst-copy-png-link')) return; const action = img.querySelector('.protyle-action'); if(!action) return; const actionIcon = img.querySelector('.protyle-action .protyle-icon'); if(actionIcon) { actionIcon.style.borderTopLeftRadius = '0'; actionIcon.style.borderBottomLeftRadius = '0'; } const copyPngHtml = `<span class="protyle-icon protyle-icon--only protyle-custom cst-copy-png-link" style="border-top-right-radius:0;border-bottom-right-radius:0"><svg class="svg"><use xlink:href="#iconImage"></use></svg></span>`; action.insertAdjacentHTML('afterbegin', copyPngHtml); const copyPngBtn = img.querySelector('.cst-copy-png-link'); copyPngBtn.addEventListener('click', (e) => { e.stopPropagation(); copyPNGByLink(img.querySelector('img')?.src||''); }); }); function copyPNGByLink(link) { if(!link) return; navigator.clipboard.writeText(link); } })();比如这样的链接，要下面哪种？
http://127.0.0.1:62266/assets/image-20250512163220-2pwagz7.png?url=xxxxx- 只要 /assets/image-20250512163220-2pwagz7.png 部分
- 只要 http://127.0.0.1:62266/assets/image-20250512163220-2pwagz7.png 部分
- 只要 /assets/image-20250512163220-2pwagz7.png?url=xxxxx 部分
- 完整链接都要