Utilisation de JQuery pour créer un lien hypertexte dans un paragraphe

Question

Comment pouvez-vous utiliser JQuery pour trouver des URL dans un texte et les convertir automatiquement en un lien hypertexte?

Exemple de texte,

var TextMemo = « Ceci est un texte de paragraphe au hasard, mais je mentionner un lien vers un site Web ici. Www.stackoverflow.com et un autre ici cette fois avec http (http://www.google.co.uk) "

Est-ce une tâche simple?

Un grand merci, Kohan

Answer 1

comment sur cette solution: How to replace plain URLs with links?

Answer 2

Tout d'abord, il ne sera pas aussi simple que le remplacement du texte dans une seule chaîne, car un paragraphe typique sera composé d'un ou plus de nœuds de texte et d'éléments qui doivent être traversés correctement afin d'envelopper efficacement le morceau de texte souhaité. Vous ne devriez pas avoir le texte avec quelque chose comme innerText/textContent ou innerHTML.

Essayez ceci:

var para = jQuery('#my-para')[0]; 

findMatchAndReplace(
    para, 
    /\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]/i, 
    '<a href="$&">$&</a>' 
); 

Cette fonction:

function findMatchAndReplace(node, regex, replacement) { 

    var parent, 
     temp = document.createElement('div'), 
     next; 

    if (node.nodeType === 3) { 

     parent = node.parentNode; 

     temp.innerHTML = node.data.replace(regex, replacement); 

     while (temp.firstChild) 
      parent.insertBefore(temp.firstChild, node); 

     parent.removeChild(node); 

    } else if (node.nodeType === 1) { 

     if (node = node.firstChild) do { 
      next = node.nextSibling; 
      findMatchAndReplace(node, regex, replacement); 
     } while (node = next); 

    } 

} 

Answer 3

Jetez un oeil à celui-ci: jQuery Text to Link Script?