javascript - 如何使用 HTML 或 Javascript 将用户输入的网站识别为链接标签？

Question

如果用户输入以下任何内容:

• http://www.foo.com
• www.example.org
• fooexample.gov/images/foo.jpg

然后脚本应该自动使输出将这些识别为链接

实际上每个电子邮件服务和大多数专业动态网站都这样做，所以我想知道这是如何编码的。

谢谢:)

Answer 1

我为你的问题写了一个演示，在这里:http://jsfiddle.net/abruzzi/9dqbf9fr/4/

实际上关键是用 regExp 替换 url 字符串，如下所示:

$('textarea').change(function() {
    var tmp = $(this).val();
    var url_reg = /(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*/g;

    var result = tmp.replace(url_reg, function(link) {
        return '<a href="' + link + '">'+ link +'</a>';
    });       

    $('p').text(result);
});