Текст jQuery для связывания скрипта?

JQuery здесь не очень поможет, поскольку вас не интересует обход / манипуляции с DOM (кроме создания тега привязки). Если бы все ваши URL были в тегах <p class = "url">, возможно.

Вы, вероятно, захотите использовать ванильное JavaScript-решение, и волею судьбы этот парень должен тебя прикрыть.

Я предлагаю вам сделать это на своих статических страницах перед рендерингом в браузере, иначе вы переложите бремя вычисления конверсии на своих бедных посетителей. :) Вот как это можно сделать в Ruby (чтение из стандартного ввода, запись в стандартный вывод):

while line = gets
  puts line.gsub( /(^|[^"'])(http\S+)/, "\\1<a href='\\2'>\\2</a>" )
end

Очевидно, вы захотите подумать о том, как сделать это настолько надежным, насколько вы хотите. Вышеупомянутое требует, чтобы все URL-адреса начинались с http, и будет проверяться, не преобразовывать ли URL-адреса в кавычках (т.е. которые могут уже находиться внутри <a href="...">). Он не будет ловить ftp: //, mailto :. Он с радостью преобразует материал в такие места, как тела <script>, чего вы, возможно, не захотите.

Наиболее удовлетворительным решением является преобразование вручную с помощью редактора, чтобы вы могли наблюдать и одобрять все замены. Хороший редактор позволит вам выполнять замену регулярного выражения с помощью групповых ссылок (также называемых обратными ссылками), так что это не должно иметь большого значения.

Если вам нужно решение с другой точки зрения ... если вы можете запускать страницы через php и HTML Purifier, он может автоматически форматировать вывод и связывать любые URL-адреса.

ПРИМЕЧАНИЕ: Обновленная и исправленная версия этого скрипта теперь доступна по адресу https://github.com/maranomynet/linkify (лицензия GPL / MIT)

Хм ... Мне это кажется идеальной задачей для jQuery.

... что-то вроде этого пришло мне в голову:

// Define: Linkify plugin
(function($){

  var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g,
      url2 = /(^|<|\s)(((https?|ftp)://|mailto:).+?)(\s|>|$)/g,

      linkifyThis = function () {
        var childNodes = this.childNodes,
            i = childNodes.length;
        while(i--)
        {
          var n = childNodes[i];
          if (n.nodeType == 3) {
            var html = $.trim(n.nodeValue);
            if (html)
            {
              html = html.replace(/&/g, '&')
                         .replace(/</g, '&lt;')
                         .replace(/>/g, '&gt;')
                         .replace(url1, '$1<a href = "http://$2">$2</a>$3')
                         .replace(url2, '$1<a href = "$2">$2</a>$5');
              $(n).after(html).remove();
            }
          }
          else if (n.nodeType == 1  &&  !/^(a|button|textarea)$/i.test(n.tagName)) {
            linkifyThis.call(n);
          }
        }
      };

  $.fn.linkify = function () {
    return this.each(linkifyThis);
  };

})(jQuery);

// Usage example:
jQuery('div.textbody').linkify();

Он пытается превратить все вхождения следующего в ссылки:

• www.example.com/path
• http://www.example.com/path
• mailto:[email protected]
• ftp://www.server.com/path
• ... все вышеперечисленное заключено в угловые скобки (например, < ... >)

Наслаждаться :-)

Иногда это не вариант на стороне сервера. Подумайте о клиентском виджете Twitter (который напрямую переходит в Twitter API с помощью jsonp), и вы хотите динамически связать все URL-адреса в твитах ...

Взгляните на этот плагин JQuery: https://code.google.com/p/jquery-linkifier/

У меня есть эта функция, которую я вызываю

textToLinks: function(text) {

    var re = /(https?://(([-\w\.]+)+(:\d+)?(/([\w/_\.]*(\?\S+)?)?)?))/g;
    return text.replace(re, "<a href=\"$1\" title=\"\">$1</a>");
  }