Распознавание http-ссылок и создание якорных тегов - PullRequest
2 голосов
/ 07 мая 2011

Я пытаюсь проанализировать некоторую строку, и в нее встроены некоторые http-ссылки. Я хотел бы динамически создавать теги привязки в этой строке, используя jquery, а затем отображать их на внешнем интерфейсе, чтобы пользователь мог щелкнуть по ним.

Есть ли способ сделать это?

Спасибо!

Ответы [ 2 ]

7 голосов
/ 07 мая 2011

Вы можете сделать это так:

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

рабочий пример

0 голосов
/ 07 мая 2011

@ cfarm, вы можете получить URL-адреса и создать собственный HTML-файл.

разобрать строку и начать создавать URL-адреса и сохранить заполнитель в вашем HTML, используйте

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

или

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

...