정규 표현식을 사용하여 Javascript의 단락 텍스트에서 하이퍼 링크를 하나 이상 추출합니다.

Question

불편을 끼쳐 드려 죄송합니다. 그러나 여기에 내 딜레마가 있습니다.

단락 텍스트에서 HTML 링크를 식별하는 데 "더 나은"정규 표현식이 있어야합니다 (텍스트에 HTML 링크가 두 개 이상있을 수 있음). 어떻게 모든 링크를 추출하고 자바 스크립트에 앵커합니까? (자바 스크립트)

내 시도는 다음과 같이이다 :

var urlPattern = "(https?|ftp)://(www\\.)?(((([a-zA-Z0-9.-]+\\.){1,}[a-zA-Z]{2,4}|localhost))|((\\d{1,3}\\.){3}(\\d{1,3})))(:(\\d+))?(/([a-zA-Z0-9-._~!$&'()*+,;=:@/]|%[0-9A-F]{2})*)?(\\?([a-zA-Z0-9-._~!$&'()*+,;=:/?@]|%[0-9A-F]{2})*)?(#([a-zA-Z0-9._-]|%[0-9A-F]{2})*)?"; 

function extractURLs(s) { 
    return s.match(new RegExp(urlPattern)); 
} 

//s is of type String 

//For testing... 
var text = "Check this video out http://ww w.youtube.com/watch?v=y3U3R3b1dOg or http://www.youtube.com/watch?v=sX6Vm0MoPCY"; 
alert(extractURLs(text)); 

(하이퍼 링크에 공간이 의도적으로 SO에 질문을 게시 할 수 있도록 여기에 추가되었습니다). 결과 : 나는 단지 첫 번째 하이퍼 링크를 얻지 만 두 번째 하이퍼 링크는 얻지 못합니다 .... 아무도 내가 활용할 수있는 비슷하거나 더 좋은 것을 만들었습니까? 사전에

감사합니다. 오히려 매번 정규식을 컴파일하는 것보다, 미리 컴파일

function extractURLs(s) { 
    return s.match(new RegExp(urlPattern, "g")); 
} 

Answer 1

는 "g"수정을 사용하여 함수가 호출되므로 성능이 향상됩니다.

Answer 2

var urlPattern = "(https?|ftp)://(www\\.)?(((([a-zA-Z0-9.-]+\\.){1,}[a-zA-Z]{2,4}|localhost))|((\\d{1,3}\\.){3}(\\d{1,3})))(:(\\d+))?(/([a-zA-Z0-9-._~!$&'()*+,;=:@/]|%[0-9A-F]{2})*)?(\\?([a-zA-Z0-9-._~!$&'()*+,;=:/?@]|%[0-9A-F]{2})*)?(#([a-zA-Z0-9._-]|%[0-9A-F]{2})*)?"; 


function extractURLs(s) { 
    return s.match(new RegExp(urlPattern)); 
} 

var text = "Check this video out http://www.youtube.com/watch?v=y3U3R3b1dOg or http://www.youtube.com/watch?v=sX6Vm0MoPCY"; 
var results = extractURLs(text); 

alert(extractURLs(results[0] + ", " + results[1])); 

Answer 3

으로 작성하는 것이 좋습니다, 여기 urlPattern

var urlPattern = /(https?|ftp)://(www\\.)?(((([a-zA-Z0-9.-]+\\.){1,}[a-zA-Z]{2,4}|localhost))|((\\d{1,3}\\.){3}(\\d{1,3})))(:(\\d+))?(/([a-zA-Z0-9-._~!$&'()*+,;=:@/]|%[0-9A-F]{2})*)?(\\?([a-zA-Z0-9-._~!$&'()*+,;=:/?@]|%[0-9A-F]{2})*)?(#([a-zA-Z0-9._-]|%[0-9A-F]{2})*)?/g; 

function extractURLs(s) { 
    return s.match(urlPattern); 
} 

: