javascript url autolink mais éviter la récursivité

Question

J'essaie de créer une fonction autolink en javascript qui transforme automatiquement les URL en liens pendant que l'utilisateur tape (ContentEditable div).

J'utilise cette expression rationnelle:

var text = 'Some text containing URLs'; 
var exp = /(\b(http):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; 
var newtext = text.replace(exp,"<a href='$1'>$1</a>"); 

Le code ci-dessus fonctionne très bien, mais parce que le code est appelé à chaque fois qu'un utilisateur tape, récursivité se produit:

<a href='<a href='<a href=' etc. 

Comment puis-je éviter que cela passe-t-il alors que le script met toujours à jour le texte en tant qu'utilisateur?

La question est donc (merci @putvande): comment puis-je vérifier si une URL ne contient pas déjà:

<a href='... 

(je ne suis pas vraiment à portée de main avec regex)

Answer 1

Vous pouvez correspond uniquement aux modèles d'URL qui ne sont pas préfixés par un > ou un '. Bien que cela ne soit pas infaillible à 100%, il devrait être assez bon pour vous aider à démarrer.

function urlify(text) { 
    var exp = /^\>(\b(http):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; 
    return text.replace(exp,"<a href='$1'>$1</a>"); 
} 

En appelant:

urlify('Some text http://example.com containing URLs'); 

retours "Some text <a href='http://example.com'>http://example.com</a> containing URLs"

urlify("Some text <a href='http://example.com'>http://example.com</a> containing URLs"); 

retours "Some text <a href='http://example.com'>http://example.com</a> containing URLs"