WordPress原创插件:自动超链接(强化版)

自定义占位符图片

插件设置

自定义占位符图片

插件效果

自定义占位符图片

强化的点:文中的链接也会自动转为超链接,但是链接后不能再跟随内容

如果不想使用插件可以使用下面代码,放到主题底部文件就可以了

<script>
// 等待页面加载完成后执行
document.addEventListener("DOMContentLoaded", function() {
  // 获取文章内容元素
  var articleContent = document.querySelector(".article-content");

  // 正则表达式匹配链接的模式(排除图片链接)
  var linkRegex = /(?<!<img\s[^>]*?)(https?:\/\/\S+)/g;

  // 查找文章内容中的段落元素并替换链接
  var paragraphs = articleContent.getElementsByTagName("p");
  for (var i = 0; i < paragraphs.length; i++) {
    var paragraph = paragraphs[i];
    var paragraphHTML = paragraph.innerHTML;

    var replacedHTML = paragraphHTML.replace(linkRegex, function(match) {
      return '<a href="' + match + '" target="_blank">' + match + '</a>';
    });

    if (replacedHTML !== paragraphHTML) {
      paragraph.innerHTML = replacedHTML;
    }
  }
});
</script>
点击下载此资源下载价格为10积分(VIP免费),请先
关注微信公众号“ds17wp”不迷路
尊重版权丨本站注明原创的插件,购买者不得随意分享传播,仅限个人使用,一旦发现拉黑用户,删除使用权限。大神建站-WordPress插件开发 » WordPress原创插件:自动超链接(强化版)

相关文章

评论 (0)