【问题标题】:Find a URL in content and make that URL clickable在内容中查找 URL 并使该 URL 可点击
【发布时间】:2017-03-26 20:39:55
【问题描述】:

我的内容有时会包含 URL,例如在那个 URL(http://mobile.yazilimsozluk.com/konudetail.htm?9748) 内容中包含一个 URL,但它是不可点击的。 我怎样才能用 javascript 或 css 做到这一点?数据来自 API,我无法修复它。我必须使用 CSS 或 jquery 修复它

【问题讨论】:

标签: jquery css jquery-ui hyperlink


【解决方案1】:

试试这个:

(function($) {
    $(document).ready(function() {
        $('div').html($('div').html().replace(/(https?:\/\/.+?)(?:\s|$)/ig, '<a href="$1">$1</a> '));
    });
})(jQuery);

这会在所有 DIV 内容中搜索 URL,并用相应的锚标记替换它们。 请注意,RegExp 非常简单,在用于生产之前需要优化。

【讨论】:

  • 感谢@Quagaar 它可以工作,但它添加了 url 的结尾 mobile.yazilimsozluk.com/konudetail.htm?9748 你可以点击这里查看 url 末尾的
  • @user1688401 这只是一个示例,必须根据您的具体要求进行调整。您应该缩小已处理元素的范围,使其仅匹配包含要修改的内容的元素。还记得优化检测 URL 的 RegExp。
  • 也许这些对你也有帮助:stackoverflow.com/questions/37684/…
猜你喜欢
  • 1970-01-01
  • 2011-07-31
  • 2015-03-11
  • 1970-01-01
  • 1970-01-01
  • 2020-09-22
  • 1970-01-01
  • 2021-11-19
  • 1970-01-01
相关资源
最近更新 更多