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);
});

Answer 2

首先，您应该将一个事件附加到输入控制器，如keyUp，keyDown或jquery中的Input。
第二，使用正则表达式找出控制器中的值是网址或电子邮件格式。
最后，通过包装元素动态替换输入值

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

2 个答案: