http 링크 인식 및 앵커 태그 생성

Question

일부 문자열을 구문 분석하려고하는데 일부 http 링크가 포함되어 있습니다. jquery를 사용하여이 문자열 내에 앵커 태그를 동적으로 만들고 싶으면 사용자가 클릭 할 수 있도록 프런트 엔드에 표시하십시오.

이 방법이 있습니까?

감사합니다.

Answer 1

를 사용하여 문자열을 구문 분석하고 URL을 시작하고 HTML의 장소 홀더를 유지 당신은 이런 식으로 작업을 수행 할 수 있습니다

$(function(){ 
    //get the string 
    var str = $("#text").html(); 
    //create good link matching regexp 
    var regex = /(https?:\/\/([-\w\.]+)+(:\d+)?(\/([\w\/_\.]*(\?\S+)?)?)?)/g 
    // $1 is the found URL in the text 
    // str.replace replaces the found url with <a href='THE URL'>THE URL</a> 
    var replaced_text = str.replace(regex, "<a href='$1'>$1</a>") 
    //replace the contents 
    $("#text").html(replaced_text); 
}); 

working example

Answer 2

@cfarm, 당신은 URL을 잡고 자신의 HTML을 구성 할 수 있습니다.

http://api.jquery.com/html/

또는

http://api.jquery.com/append/