transformer une url texte en lien hypertexte

recette(s) semblable(s): javascript | jquery | snippet

Avec une expression régulière et la librairie jquery il est simple de transformer les URL contenu dans un texte en liens HTML.

 //un peu de jquery 
<script src="ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
//et hop !
<script type="text/javascript">
$(function () {
//
    $('.mon_element').each(function() {
         var rgx = /(b(https?|ftp|file)://[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|])/ig;
         $(this).html($(this).html().replace(rgx,"<a href='$1'>$1</a>"));
    });
});
</script> // html
<div class="mon_element"> du texte avec un lien http://proot.fr</div>
copiez le morceau de code dans votre page pour tester !