Question

如何使用Jquery查找http://或www.并以.com结尾，.org，.edu将其存储为变量并将其包装像：

<a href="variable">  <a/>

我有一个textarea，当人们放入链接时，我想在发布后将它们变成超链接。

Answer 1

认为您可以使用正则表达式来执行此操作。

检查这个问题。 Regular expression to extract URL from an HTML link

它应该能满足您的需求。

Answer 2

假设文本区域包含，

http://site1.com/uri/
http://site2.net/uri
http://site3.org/uri
http://site4.co.uk/uri
http://site5.ws/uri

我要做的第一件事就是在textarea

上绑定一个偶数键

$('#addLinks').bind('keyup',function(){
    var _data = $(this).val();
    //Then i would try and split the spaces and carriages 
    _array = _data.split('\n|\r\n|\s|,'); //Split by returns,new lines,spaces,commas.
    var _regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/
    $(_array).each(function(value){
       //Now i will check the URL is valid
       if(_regex.test(value))
       {
           //Valid URL so i will then append it to the links container
           //Here you can do e
           $('<a></a>').attr('href',value).val(value).appendTo('.linksContainer');
       }
    })
});

他们沿线的东西！

正则表达式借鉴：http://snippets.dzone.com/posts/show/452

Answer 3

以自己的方式滚动：

var foo = $('textarea selector').val();

然后使用正则表达式来获得你想要的东西。然后把它贴回textarea

$('textarea selector').val('http://thenewlink');

简单的插件方式：

7 jQuery Plugins to Manipulate TEXTAREAs

Answer 4

Google让我回到：jQuery Text to Link Script?

如何识别和制作超链接？

4 个答案: