来自文本的打开链接变为可点击链接

时间:2018-12-17 18:31:56

标签: jquery automation clickable

我正在尝试使用jQuery自动打开链接(最初为纯文本)。

在html代码中,链接的编写方式如下:

<p><strong>Page URL:</strong><br />
https://www.google.com/</p> 

我使用以下代码将文本转换为可点击的链接:

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

    });

})(jQuery);

我试图改编我已成功使用的其他代码,这些代码已用于可单击的链接,但我无法弄清楚:

this.$ = this.jQuery = jQuery.noConflict(true);
var baseUrl = "http://www.google.com/";
var matchingLinks = $( "a[href*='" + baseUrl + "']" );
$(matchingLinks).each(
    function(index)
    {
        window.open( $(this).attr( "href" ) );
    }
);

谢谢!

1 个答案:

答案 0 :(得分:0)

您不需要JQuery。该代码可以为您提供帮助。

function htmlchars(string) {return string.replace(/[\x00-\x1f\xff-\uffff]/g,function(v) {return "&#" + v.charCodeAt() + ";"})};
document.documentElement.replace(/https?:\/\/.+?(?:\s|$)/gi,function(v){return "<a href=\"" + htmlchars(v) + "\">" + htmlchars(v) + "</a>"});

我不知道它在起作用。我无法尝试。