Baliser tous les http d'un texte

**gtraxx** · 07/03/2011, 10h31

Bonjour, je cherche le moyen de convertir tous les http:// contenu dans une div par une balise a.
En gros je récupère un texte d'une base de donnée qui contient des url en format brut.
Le but ici est de les entourer de la balise qui va bien, je ne me souviens plus de la regex pour recherche tous les http:// et les remplacer avec la fonction replace.

**SpaceFrog** · 07/03/2011, 10h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

chaine.replace(/http:\/\/[^ ]+/g,'<a href="$1" >$1</a>')

**gtraxx** · 07/03/2011, 10h59

Bonjour et merci SpaceFrog, mais cela ne fonctionne pas .
J'ai tester sur une div simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="agenda-profil-up">
Introduction cours de jazz<br>Les testes débute ce week end<br>
ma catégorie http://www.mon-lien.com</div>

Avec le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.agenda-profil-up').replace(/http:\/\/[^ ]+/g,'<a href="$1" >$1</a>');

**roster** · 07/03/2011, 11h11

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var $str = $('#test').text();
var $reg = /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/g;
 
$('#test').html($str.replace($reg,'<a href="$&">$&</a>'));

**SpaceFrog** · 07/03/2011, 11h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
$(function(){
$('.agenda-profil-up').each(function(){$(this).html($(this).html().replace(/(https?:\/\/[^ ]+)/g,'<a href="$1" >$1</a>'));});
})</script>
</head>
 
 
<body>
<div class="agenda-profil-up">
Introduction cours de jazz<br>Les testes débute ce week end<br>
ma catégorie http://www.mon-lien.com</div>
</body>
 
</html>

**gtraxx** · 07/03/2011, 12h06

Merci SpaceFrog sa fonctionne impec.
Je garde sous le coude l'exemple de regex de roster

**gtraxx** · 05/05/2011, 11h43

Je ré ouvre ce sujet car je rencontre un bug avec le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$('.agenda-profil-up').each(function(){
  	  	$(this).html(
  	    	$(this).html().replace(/(http:\/\/[^ ]+)/g,'<a class="targetblank" href="$1" >$1</a>')
  	    );
  	  $('.targetblank').click( function() {
	 		 window.open($(this).attr('href'));
	 		 return false;
	    	});
  	 });

En faites il transforme bien en lien tout ce qui ressemble à http://...
seulement si par exemple dans la source j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://www.testelibre.be<br /><br />J'aime bien danser

il converti :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="http://www.testelibre.be&lt;br&gt;&lt;br&gt;J'aime" class="targetblank">http://www.testelibre.be<br><br>J'aime</a>

Une idée ?

**Loceka** · 05/05/2011, 11h52

Il suffit d'arrêter le lien quand on rencontre une balise : /(http:\/\/[^< ]+)/g

Baliser tous les http d'un texte

jQuery

Vue hybride

Discussions similaires

Partager

Partager