首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >给你的网站加一个复制文章自动带版权说明

给你的网站加一个复制文章自动带版权说明

作者头像
星泽V社
发布2022-04-29 19:13:23
发布2022-04-29 19:13:23
7810
举报
文章被收录于专栏:星泽V社的博客星泽V社的博客

在折腾博客美化教程的时候无意间逛了一个博客,复制他的教程时发现内容里竟然自动的带上了他的版权说明,觉得蛮好玩的于是便也在自己的博客上使用了起来,然后现在分享出来。

方法非常的简单,只要在主题里的页脚文件 foot.php 或者 footer.php 最下面放入以下代码就可以了 ## 代码

代码语言:javascript
复制
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
     notie({
  type: 'info',
  text: '商业转载请联系作者获得授权,非商业转载请注明出处,谢谢合作。',
  autoHide: true
})
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
 
        var htmlData = ''
            + '著作权归作者所有。<br>'
            + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>'
            + '作者:星泽-星泽V社<br>'
            + '链接:' + window.location.href + '<br>'
            + '来源:https://www.52xzv.cn/<br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '商业转载请联系作者获得授权,非商业转载请注明出处。\n'
            + '作者:星泽-星泽V社\n'
            + '链接:' + window.location.href + '\n'
            + '来源:https://www.52xzv.cn/\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}

然后就完成了,别人复制你网站的东西就会有 版权说明 了 记得把上面代码中的 名字 以及 网站网址 修改成你自己的至此就可以实现了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档