复制网页内容自动添加版权信息

WordPress226K阅读模式
摘要该功能大家经常会遇到，复制粘贴某网页文字后，里面有该网站的一些版本信息，可起到提醒转载文章者，注意保留原文链接的作用。

复制网页内容自动添加版权信息

将代码添加到网页head 头部，WordPress主题可以将代码添加到头部模板header.php：[code]<?php wp_head(); ?>[/code]，上面即可。

不要忘记将代码放在

  1. <script ="text/javascript"> 代码 </script>

代码一

  1. function addLink() {
  2.     var selection = window.getSelection();
  3.     pagelink = ". 原文出自[知更鸟] 转载请保留原文链接: " + document.location.href;
  4.     copytext = selection + pagelink;
  5.     newdiv = document.createElement('div');
  6.     newdiv.style.position = 'absolute';
  7.     newdiv.style.left = '-99999px';
  8.     document.body.appendChild(newdiv);
  9.     newdiv.innerHTML = copytext;
  10.     selection.selectAllChildren(newdiv);
  11.     window.setTimeout(function () {
  12.         document.body.removeChild(newdiv);
  13.     }, 100);
  14. }
  15. document.oncopy = addLink;

代码二

  1. function addLink() {
  2.     var body_element = document.body;
  3.     var selection;
  4.     selection = window.getSelection();
  5.     if (window.clipboardData) { // Internet Explorer
  6.         var pagelink ="\r\n\r\n 原文出自[ 知更鸟 ] 转载请保留原文链接: "+document.location.href+"";
  7.         var copytext = selection + pagelink;
  8.         window.clipboardData.setData ("Text", copytext);
  9.         return false;
  10.     } else {
  11.         var pagelink = " 原文出自[ 知更鸟 ] 转载请保留原文链接: "+document.location.href+"";
  12.         var copytext = selection + pagelink;
  13.         var newdiv = document.createElement('div');
  14.         newdiv.style.position='absolute';
  15.         newdiv.style.left='-99999px';
  16.         body_element.appendChild(newdiv);
  17.         newdiv.innerHTML = copytext;
  18.         selection.selectAllChildren(newdiv);
  19.         window.setTimeout(function() {
  20.         body_element.removeChild(newdiv);
  21.         },0);
  22.     }
  23. }
  24. document.oncopy = addLink;

添加以上代码后，别人在你网站复制任何文字内容，粘贴时都会自动带上版权信息，使用时修改其中的版本信息，貌似不支持低版本IE。

提示

修改模板后，记得将模板编码改为：UTF-8 无BOM（无签名），否则提示中的汉字会乱码，建议使用专门的编辑工具，比如：Notepad++（免费）编辑修改主题模板文件。

参考：

  • http://stackoverflow.com/questions/2026335/how-to-add-extra-info-to-copied-web-text
  • http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/
  • http://techwelkin.com/add-source-link-copyright-copied-text-clipboard

本站文章大部分始于原创，用于个人学习记录，可能对您有所帮助，仅供参考！

WordPress文章与页面互换
WordPress文章与页面互换
图片为王，标题为皇
图片为王，标题为皇
移除WordPress 6.5区块样板菜单项
移除WordPress 6.5区块样板菜单项
获取指定侧边栏中的小工具列表
获取指定侧边栏中的小工具列表
weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
获取本主题
598845006
咨询主题请加Q：598845006
多功能主题 Begin
 
知更鸟
  • WordPress
  • Javascript
  • WordPress主题
获取本主题
598845006
咨询主题请加Q：598845006
多功能主题 Begin
评论  22  访客  21  作者  1
    • 博客大全
      博客大全 3
      浙江省杭州市 1F
      回复

      这个很有用

        • 我爱动感单车网
          我爱动感单车网 7
          浙江省杭州市 B1
          回复

          @ 博客大全 :razz: 表面上看，很有用；但是对于有心要复制你网站内容的人来说，也只能是“然并卵”罢了。

        • Koolight
          Koolight 4
          浙江省杭州市 2F
          回复

          一段实用的JS！

          • boke112导航
            boke112导航 5
            浙江省杭州市 3F
            回复

            这个功能比起弹窗提醒更实用，一声不吭就直接在文字后面添加上版权信息，值得推荐

            • 小萝博客
              小萝博客 2
              浙江省杭州市 4F
              回复

              贵站好像没有添加

              • 龙砚庭博客
                龙砚庭博客 0
                浙江省杭州市 5F
                回复

                :lol: 挺好的，想起以前玩论坛的时候，也曾经弄过复制文字时，自带版权声明。

                • 帅气小琦琦
                  帅气小琦琦 5
                  浙江省杭州市 6F
                  回复

                  我的站点目前是弹窗提醒，对于那些想要完整复制过去的人 真的是一点办法都没有

                  • 啪啪哒IT
                    啪啪哒IT 0
                    浙江省杭州市 7F
                    回复

                    找到了，一直想要这种的

                    • 阿若
                      阿若 0
                      浙江省杭州市 8F
                      回复

                      鸟哥下次升级把这好功能加入主题里

                      • 我爱动感单车网
                        我爱动感单车网 7
                        浙江省杭州市 9F
                        回复

                        :idea: 这个谁有在用，让看看具体效果就好啦！

                        • 墨丶水瓶
                          墨丶水瓶 4
                          浙江省杭州市 10F
                          回复

                          如果有心申明的，就是没有这个也会申明一下原文出处。没心这么做的即使加上了也会删除的干干净净。

                          • Dazi
                            Dazi 2
                            浙江省杭州市 11F
                            回复

                            不错的功能！

                            • 接利棒
                              接利棒 1
                              浙江省杭州市 12F
                              回复

                              不能用，乱码

                              • ElliePallas
                                ElliePallas 1
                                广东省广州市 13F
                                回复

                                请问有没有方法可以在别人复制的时候加入一段随机的字符这种效果？

                                  • AlexanderZhao
                                    AlexanderZhao 0
                                    湖南省衡阳市 B1
                                    回复

                                    @ ElliePallas 把var copytext赋一个随机值就行了。

                                  • sobaigu.com
                                    sobaigu.com 4
                                    安徽省合肥市 14F
                                    回复

                                    Mark，用到的时候再回来

                                    • 楚狂人
                                      楚狂人 3
                                      河南省郑州市 15F
                                      回复

                                      测试了一下，确实可以自动添加版权链接，但是复制后的文章内容格式都没了，复制后的内容没有换行和段落了。请问博主这是什么原因，该如何解决一下呢？

                                      • haibao
                                        haibao 1
                                        湖北省武汉市 16F
                                        回复

                                        我也是用的这个，文字可以复制，但代码部分复制不了 :?:

                                        • 学美文网
                                          学美文网 1
                                          浙江省杭州市 17F
                                          回复

                                          这种值得推荐，很实用

                                        匿名

                                        发表评论

                                        匿名网友
                                        :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                        拖动滑块以完成验证