일반 URL을 링크로 바꾸는 방법 (예 :

Question

나는 거의 효과가있다. 이 많이 있는지 알고 싶습니다. 더 좋은 방법입니다.

Root problem

Fiddle

function replaceURLWithHTMLLinks(text) { 
    text = text.replace(/a/g, "--ucsps--"); 
    text = text.replace(/b/g, "--uspds--"); 
    var arrRegex = [ 
     /(\([^)]*\b)((?:https?|ftp|file):\/\/[-A-Za-z0-9+&@#\/%?=~_()|!:,.;]*[-A-Za-z0-9+&@#\/%=~_()|])(\))/ig, 
     /(\([^)]*\b)((?:https?|ftp|file):\/\/[-A-Za-z0-9+&@#\/%?=~_()|!:,.;]*[-A-Za-z0-9+&@#\/%=~_()|])(.?\b)/ig, 
     /()(\b(?:https?|ftp|file):\/\/[-a-z0-9+&@#\/%?=~_()|!:,.;]*[-a-z0-9+&@#\/%=~_()|])(.?\b)/ig]; 
    for (i = 0; i < arrRegex.length; i++) { 
     text = text.replace(arrRegex[i], "$1a$2b$3"); 
    } 
    text = text.replace(/a([^b]*)b/g, "<a href='$1'>$1</a>"); 
    text = text.replace(/--ucsps--/g, "a"); 
    text = text.replace(/--uspds--/g, "b"); 
    return text; 
} 
var elm = document.getElementById('trythis'); 
elm.innerHTML = replaceURLWithHTMLLinks(elm.innerHTML); 

어떤 생각?

Answer 1

here 대답한다.

function replaceURLWithHTMLLinks(text) { 
    var re = /(\(.*?)?\b((?:https?|ftp|file):\/\/[-a-z0-9+&@#\/%?=~_()|!:,.;]*[-a-z0-9+&@#\/%=~_()|])/ig; 
    return text.replace(re, function(match, lParens, url) { 
     var rParens = ''; 
     lParens = lParens || ''; 

     // Try to strip the same number of right parens from url 
     // as there are left parens. Here, lParenCounter must be 
     // a RegExp object. You cannot use a literal 
     //  while (/\(/g.exec(lParens)) { ... } 
     // because an object is needed to store the lastIndex state. 
     var lParenCounter = /\(/g; 
     while (lParenCounter.exec(lParens)) { 
      var m; 
      // We want m[1] to be greedy, unless a period precedes the 
      // right parenthesis. These tests cannot be simplified as 
      //  /(.*)(\.?\).*)/.exec(url) 
      // because if (.*) is greedy then \.? never gets a chance. 
      if (m = /(.*)(\.\).*)/.exec(url) || 
        /(.*)(\).*)/.exec(url)) { 
       url = m[1]; 
       rParens = m[2] + rParens; 
      } 
     } 
     return lParens + "<a href='" + url + "'>" + url + "</a>" + rParens; 
    }); 
} 

참고 : 나는 "var에 재"에서 "@"기호 오류를했다 - 난 그냥 @@

Answer 2

추측이 질문은 이미이 질문은 매우 splendidly 대답했다 CodeReview에 이상

function replaceURLWithHTMLLinks(text) { 
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; 
    return text.replace(exp,"<a href='$1'>$1</a>"); 
}