WordPress复制自动增加文章标题和文章链接-E-元素

前言

如果大家经常访问那个广告满天飞的CSND的话都知道，复制之后会增加一大串的后缀，但是我找了好几个大站比如wordpress大学还有个叫什么技术猿的网站，wp大学就不说啥了虽然人家搬运起码还留了原文链接，这个什么猿的留都不留，真的一生黑了。

既然网上没有开箱即用的教程，那我就自己来coding！

效果展示

WP复制自动增加文章标题和文章链接

使用教程

为了复制后的内容不被过滤器刷新，我使用了PHP+JavaScript的实现方式，完成了效果的实现，并且针对复制的环境灵活抉择后缀内容使用费为了txt格式和html格式。并且考虑到了为了提高网站的加载速度力求最简介的代码，最少的变量实现功能。

现在我敢骄傲的宣布，php只使用2个方法，而js则像老唐一样增加mini版本最大程度缩减字符数量并且全js文件依旧只申明两个变量。

下面给大家分享一下手动部署的代码：

php代码

php代码部署在thems内的 functions.php 文件内；需要注意这是一段函数，所以你需要将它放置在原php结构标签中。

//复制增加后缀
function enqueue_copy_script() {wp_enqueue_script( 'copy-script', get_template_directory_uri() . '/js/copy-script.js', array(), '1.0.0', true );  
}
add_action('wp_enqueue_scripts','enqueue_copy_script');

JavaScript代码

这一段我划分为免费版本的js代码，对于功能方面没有任何阉割，但为了可读性等代码没有做什么优化！（其实已经优化的很好了！只是相较于mini版本）

/*
 * @Author        : element
 * @Url           : e-yaunsu.com
 * @Date          : 2023-9-20 10:09:44
 * @Email         : 2279938087@qq.com
 * @Read me       : copy-script.js需要配合一段php代码才能实现完整功能，本次实现的功能有
 * 1.浏览器兼容性检测 2.根据环境灵活抉择文本格式 3.全段代码只有两个变量，速度嘎嘎快 4.默认使用mini版本 增速再增速
 */

document.addEventListener('copy', handleCopy);  
function handleCopy(e) 
{  
  if (!e.clipboardData) 
  {  
    console.error('老式浏览器不兼容Api');  
    return;
  }
  e.preventDefault();  
  var NCT = window.getSelection().toString() + "\n\n" + document.title + "\n" + document.location.href;
  var NCH = window.getSelection().toString() + "\n\n" + '<a href="' + document.location.href + '">' + document.title + '</a>';
  e.clipboardData.setData('text/plain', NCT);  
  e.clipboardData.setData('text/html', NCH);  
}