Convertir des URL d'une variable en liens cliquables

**olivierdauxais** · 26/12/2018, 12h30

Bonjour Développez.com

Sur ce forum, lorsqu'on entre une URL, elle est automatiquement transformée en un lien cliquable: C'est génial.
Exemple: www.developpez.com

J'aimerais faire la même chose sur mon site. Pourriez-me dire comment vous faites?
Est-ce que vous faites cette transformation automatiquement avant sauvegarde dans la base de donnée?
ou après: Entre la sortie de la base et l'affichage sur écran?

De mon coté, j'ai un formulaire du type "textarea":

Code :

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

1
2
3
4
5
6
 
<form action="'.$File.'.php" method="post">
    <input type="hidden" name="CrewName" value="'.$CrewName.'" />
    <textarea class="TxtAr" name="MyPost" rows="9" maxlength="1500"></textarea>
    <p><input type="submit" name="SavePost" value="Ok" /></p>
</form>

Ensuite, voici mon code php qui sauvegarde le post:

Code :

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

1
2
3
4
5
6
7
8
9
 
if (isset($_POST['SavePost'])) {$Today=date("Y-m-d");
  if (!empty($_POST['MyPost'])) {$CrewName=$_POST['CrewName'];
    $MyPost = filter_var($_POST['MyPost'], FILTER_SANITIZE_STRING);
    $MyBase = new mysqli($BaseHost, $BaseUser, $BasePass, $BaseName);
    $Statement = $MyBase->prepare('INSERT INTO imapost (PostDate, CrewName, MyPost) VALUES (?,?,?)');
    $Statement->bind_param('sss', $Today, $CrewName, $MyPost); $Ok=$Statement->execute();
    if ($Ok) {$PostAct=1;} $MyBase->close();}
  else {$ForgotInfo=1;}}

Et voici mon code qui affiche les posts:

Code :

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

1
2
3
4
5
6
 
if (isset($_GET['AllPost'])) {$MyBase = new mysqli($BaseHost, $BaseUser, $BasePass, $BaseName);
    $Result = $MyBase->query('SELECT * FROM imapost');
    echo '<h3>Voici tous les posts:</h3>';
    while ($Data = $Result->fetch_array()) {echo $Data['MyPost'].'<br />';}
    $Result->free(); $MyBase->close();}

Donc, jusque là, tout marche très bien mais évidement si une URL était contenu dans la variable $Data['MyPost'],
elle n'est pas automatiquement transformée en un lien cliquable puisque je n'ai rien programmé à ce niveau là.
Et si même, le posteur avait pris la précaution de formuler l'URL accompagnée de la balise "a href",
ce balisage est supprimé, par sécurité lors de l'opération "SANITIZE" avant sauvegarde dans la base de donnée.

Maintenant, j'en reviens donc à ma question du début de ce post.
Comment détecter en php l'URL ou les URL qui seraient présentes dans la variable $Data['MyPost']
afin de les convertir automatiquement en lien?

**CosmoKnacki** · 26/12/2018, 22h14

La syntaxe des URLs (comme d'une adresse email d'ailleurs) est extrêmement complexe. S'il est difficile de valider une URL (heureusement qu'il y a des fonctions pour ça), il est encore plus ardu de les détecter au milieu d'un texte. Donc la solution est généralement un compromis:

http://
http://a
toto.pouet.com
www.
www.a
awww.a
$www.a
www.a/
www.a)
www.1
ftp://www.a
ftp.toto.com
ftp://username:password@ftp.a
ftp://"toto titi tata":pswd@ftp.a
ftps://toto.titi
sftp://toto.titi
file:///tmp/mydir
www.pouet.com
3615 kinenveu
192.2.3.4/sbob
http://1.2.3.4/sbob
http://1.2.3.4/sbib/

Ici, visiblement, le compromis consiste à prendre comme départ soit les schemes http, https, ftp, soit directement un hostname commençant par www, les adresses ip v4 et v6 sont exclues de même que les URLs avec username et password entre double quotes.

Donc sans trop m'avancer, je pense qu'on peut tabler sur quelque chose comme ça: $txt = preg_replace('~\b(?:(?:https?|ftp)://|www\.)\w\S*(?!\w)~i', '<a href="$0">$0</a>', $txt);.
De toute manière ça ne sert pas à grand chose de faire plus élaboré, c'est purement cosmétique et ça risque de faire des faux positifs. Le truc c'est de laisser la liberté à l'utilisateur d'écrire une url via des BBCodes ou du Markdown.

**badaze** · 26/12/2018, 22h51

Voici une possibilité.

Code php :

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

1
2
3
4
5
6
7
<?php
$texte   = "le site <a href="http://www.emmella.fr" target="_blank">http://www.emmella.fr</a> est un très bon site. <a href="https://www.developpez.net/" target="_blank">https://www.developpez.net/</a> aussi !<br/> Voyez cette page <a href="http://www.emmella.fr/page2192-2079-7670-1770-8497__7683-7833-8473-5217-7777.html" target="_blank">http://www.emmella.fr/page2192-2079-...5217-7777.html</a>";
 
$pattern = "~((https?|ftp|ssh|mailto):\/\/([a-z0-9\/:%_+.,#?!@&=-]+))~";
$texte2  = preg_replace($pattern,"<a href='\\1'>\\3</a>",$texte);
 
print $texte2;

Nom : Capture20181226_002.JPG
Affichages : 645
Taille : 16,4 Ko

\\1 correspond à la capture des caractères qui sont entre les parenthèses couleur saumon. le 1 fait référence au groupe qui va de la première parenthèse ouvrante à sa correspondance fermante.
\\3 correspond à la capture des caractères qui sont entre les parenthèses couleur bleu. le 3 fait référence au groupe de la troisième parenthèse ouvrante à sa correspondance fermante.

Le code dit "remplace les caractères qui 'matchent' l'expression régulière par <a href=' + tous les caractères appartenant au groupe 1 + '> + tous les caractères appartenant au groupe 3 + </a>".

Ainsi on a l'url complète dans la propriété href du tag a et sa partie sans http comme partie cliquable.

Nom : Capture20181226_001.JPG
Affichages : 613
Taille : 24,3 Ko

Nom : Capture20181226_001.JPG
Affichages : 613
Taille : 24,3 Ko

**olivierdauxais** · 26/12/2018, 22h54

Merci beaucoup CosmoKnacki pour votre réponse.

Vous semblez plutôt doué dans les regex. Je découvre seulement aujourd'hui leur existence.
Autant dire que cela ressemble à du chinois pour moi... Pour le moment... Il faut que je m'y habitue un peu...

Oui, en effet, cela n'a pas l'air simple de couvrir tous les cas de figure et, en effet, cela risque au final de faire des faux positifs.
Que pensez-vous d'une petite note à mes utilisateurs leur demandant de mettre leurs liens sur 1 ligne séparée des autres?
On pourrait dés lors envisager une regex relativement simple et efficace prenant en compte pour début de chaine "http" ou "www"
et pour fin de chaine un "br /"... Cela vous parait-il idiot?

Que voulez-vous dire par: "Le truc c'est de laisser la liberté à l'utilisateur d'écrire une url via des BBCodes ou du Markdown."

J'ai trouvé le code qui suit sur: http://www.michaeljacobsen.ninja/res...rn-into-a-link
Qu'en pensez-vous?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
 
function Url2Link($string){
$RegexUrl = "/(?i)\b((?:https?:\/\/|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'\".,<>?«»“”‘’]))/";
 
if (preg_match($RegexUrl, $string, $url)) {
	if (strpos( $url[0], ":" ) === false){$link = 'http://'.$url[0];}
  else {$link = $url[0];}
 
$string = preg_replace($RegexUrl, '<a href="'.$link.'" title="'.$url[0].'" target="_blank">'.$url[0].'</a>', $string);}
 
return $string;}
?>

**olivierdauxais** · 26/12/2018, 23h06

Merci badaze pour toutes ces infos.
J'ai besoin d'un peu de temps maintenant pour tout comprendre.
J'évolue sur un terrain où tout est nouveau pour moi...
Les regex ainsi que leur usage avec preg_replace()...
C'est la toute toute première fois que j'entends parler de ça.
Encore merci pour toutes ces infos.

**CosmoKnacki** · 27/12/2018, 00h12

On pourrait dés lors envisager une regex relativement simple et efficace prenant en compte pour début de chaine "http" ou "www"
et pour fin de chaine un "br /"... Cela vous parait-il idiot?

Que voulez-vous dire par: "Le truc c'est de laisser la liberté à l'utilisateur d'écrire une url via des BBCodes ou du Markdown."

Je veux dire qu'un utilisateur voulant qu'une adresse devienne un lien, le signalera lui même en utilisant un de ces formatages (BBcode ou Markdown: faire une recherche).
Pourquoi inventer un système avec des br / alors qu'il existe des formatages déjà connus des utilisateurs comme le BBCode (les balises utilisées sur ce forum) ou le Markdown (un autre système de formatage utilisé par exemple sur stackoverflow.com)? En plus tu trouveras des modules conçus pour ces systèmes.

À propos de la pattern que tu as trouvé, ça sent la pattern copiée/collée à 20 km (par celui qui l'a proposé), donc je ne m'y attarderai pas. Personnellement je préfère partir d'une pattern modeste que j'améliore au cours du temps selon mes besoins, plutôt que de partir sur un truc incompréhensible et potentiellement mal fichu. D'ailleurs il vaut mieux que tu partes sur la pattern de badaze qui est plus restrictive, personnellement j'ajouterai un \b au début, le modificateur i et je passerai un des groupes de capture en groupe non-capturant, mais elle est plus à même d'éviter des faux positifs.

regex101.com est pratique pour faire des tests. Le tutoriel de Guillaume Rossolini est très bien pour les regex en php, de même que le manuel php qui est bien fait sur ce sujet.

Invité · 27/12/2018, 11h49

Bonjour,

Envoyé par olivierdauxais

...Sur ce forum, lorsqu'on entre une URL, elle est automatiquement transformée en un lien cliquable: C'est génial.
Exemple: [url]www.developpez.com[/url]

1- sur DVP, c'est d'abord converti en BBcode : [url].....[/url]
C'est ce qui est enregistré en bdd.

La transformation en lien (<a href="...">) se fait au moment de l'affichage.

...De mon coté, j'ai un formulaire du type "textarea"...

2- pourquoi ne pas installer un éditeur WYSIWYG ?
Ou un éditeur de BBcode ?

**olivierdauxais** · 27/12/2018, 13h00

Merci Cosmoknacki et Jreaux62 pour vos compléments d'information.

Lorsque vous parlez de BBCode. Suggérez-vous de procéder au téléchargement des packs du lien ci-dessous?
http://www.phpbb-fr.com/telechargeme...f3d5e8c29a0188

Puis ensuite d'intégrer ce pack dans son site? Est-ce que le forum de DVP est fait ainsi?

Jreaux62, tu dis:

La transformation en lien (<a href="...">) se fait au moment de l'affichage.

Merci pour l'info. Quelle fonction php utilises-tu pour cette action?
Serait-ce possible de voir ce bout de code qui traite la chose?

En général, j'aime écrire du code et comprendre ainsi très précisément chaque rouage...
Plutôt que de faire de l'assemblage de pack dont on ne connait pas chaque recoin...
Je n'utilise aucun CMS comme Wordpress, Joomla... etc...
J'aime poser moi-même chaque brique de l'édifice...
Quand bien même cela peut être beaucoup plus long...

**badaze** · 27/12/2018, 13h09

Tu fais le remplacement avec preg_replace en utilisant la technique indiquée dans mon message.
Attention. Je ne parle pas de l’expression régulière en elle même mais de \\1 ou \\3.

**olivierdauxais** · 27/12/2018, 15h42

Oui badaze, je suis en train de voir le code que tu proposes et de comprendre chaque caractère de la regex...

En repensant au BBCode, cela n'est pas dans l'esprit que je souhaitais.
En effet, l'usage des BBCode incite l'utilisateur à s'adapter à la machine...
Alors que je considère depuis toujours que c'est à la machine de s'adapter à l'homme.

Dés lors, c'est pour ça que j'ai été séduit par le fait que ce forum convertit des URL en lien...
Même si on n'a pas pris la peine de les baliser.
Je trouve cela génial et c'est pourquoi, j'aimerai bien voir le code php de DVP qui fait cette chose.

**olivierdauxais** · 27/12/2018, 16h01

Envoyé par CosmoKnacki

Le tutoriel de Guillaume Rossolini est très bien pour les regex en php, de même que le manuel php qui est bien fait sur ce sujet.

Ou est ce tuto de Guillaume sur les regex? Pourrais-tu me donner un lien direct?

Oh pardon, je ne le trouvais pas dans le menu de DVP mais je l'ai trouvé avec un coup de Google:
https://g-rossolini.developpez.com/tutoriels/php/regex/

Invité · 27/12/2018, 18h13

Envoyé par olivierdauxais

... c'est pour ça que j'ai été séduit par le fait que ce forum convertit des URL en lien...
Même si on n'a pas pris la peine de les baliser...

Si tu regardes les "options supplémentaires" (en dessous du textarea), tu verras une case à cocher :

"Convertir automatiquement les liens dans le message
Transformera www.example.com par [URL]http://www.example.com[/URL]."

Ce qui laisse LE CHOIX à l'utilisateur.

**olivierdauxais** · 27/12/2018, 21h31

Envoyé par jreaux62

Si tu regardes les "options supplémentaires" (en dessous du textarea), tu verras une case à cocher :

"Convertir automatiquement les liens dans le message
Transformera www.example.com par [URL]http://www.example.com[/URL]."

Ce qui laisse LE CHOIX à l'utilisateur.

Ah oui, je n'avais pas vu ces options. Merci pour l'info.
Mais pour en revenir au vif du sujet. Pourrais-tu me montrer ce bout de code de php qui va détecter le ou les URL contenu dans le post pour les encadrer des balises URL et /URL avec crochet?
Ce serait intéressant.

**olivierdauxais** · 27/12/2018, 21h51

J'étudie donc en ce moment les regex...
Mon processeur n'est plus tout jeune et j'ai besoin d'un peu de temps... ;-)

Maintenant, en parallèle, je me demandais si il existe une fonction php qui puisse détecter dans une variable une suite de charactère sans espace.
Ce qui, somme toute, correspondrait à une adresse URL bien formatée... N'est-ce pas?
Ou alors, on pourrait imaginer une regex relativement simple qui commence par http ou www et qui s'arrête au premier espace qui se présente.
Au stade actuel de mon étude des regex, c'est encore un peu tôt et je fais certainement une erreur ci-dessous mais ce serait du style suivant:

Code :

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

1
2
 
$RegexUrl= '/^http|www/ / $/ ';

Suis-je dans l'erreur de raisonner ainsi?

**badaze** · 27/12/2018, 21h58

La regexp que je propose (mais ce n’est pas moi qui l’ai écrite) fait ce que tu demandes.

Regarde le script et l’image qui correspond au rendu.

Nom : Capture20181226_001.JPG
Affichages : 895
Taille : 24,3 Ko

Nom : Capture20181226_001.JPG
Affichages : 895
Taille : 24,3 Ko

**olivierdauxais** · 27/12/2018, 22h25

Envoyé par badaze

La regexp que je propose (mais ce n’est pas moi qui l’ai écrite) fait ce que tu demandes.

Regarde le script et l’image qui correspond au rendu.

Nom : Capture20181226_001.JPG
Affichages : 895
Taille : 24,3 Ko

Oui, oui, j'ai bien remarqué que le script et la regex que tu proposes font ce que je souhaites.
Et, je pourrais simplement l'intégré dans mon site...
Mais, je cherche et j'aime comprendre chaque caractère d'un script...
Et je n'ai pas encore tous compris de la regex que tu proposes...
Mais c'est normal, je n'ai pas encore fini d'étudier tout le tuto de Guillaume sur les regex.

En revanche, la regex que je propose est beaucoup plus courte que celle que tu proposes.
Je n'ai pas encore pris le temps de tester ma regex... Je l'ai juste mis en ligne pour illustrer ce vers quoi je tendais.

**badaze** · 27/12/2018, 23h03

Si tu arrives à faire LA regexp qui traite une url quelconque à ton premier essai alors là chapeau !
Sauf que ce n’est pas si simple. cf. message de Cosmoknacki.

Ta regexp (je ne l’ai pas testée) reconnaîtrait httpkkkkkkkkkk ou wwwwwwwwww qui ne sont pas des url.
Mais c’est un bon début car très peu de gens les connaissent, encore moins les comprennent et beaucoup moins les maîtrisent.
En ce qui me concerne je me situerais entre connaissent et comprennent.

**Dendrite** · 28/12/2018, 01h41

Je reviens sur une autre approche.
Pourquoi ne pas utiliser un outil comme CKEditor ou tout autre "free rich text editor" en ne laissant que le bouton lien ?
Dans mes souvenirs, c'est très facile à mettre en place, CKEditor. Mais on m'objectera peut-être que c'est aller chercher une grue pour soulever un kilo ?

https://ckeditor.com/docs/ckeditor5/...ic-editor.html
https://quilljs.com/docs/quickstart/

PS : sinon, merci Badaze pour cette partie

Code :

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

$texte2  = preg_replace($pattern,"<a href='\\1'>\\3</a>",$texte);

et tes explications, je ne connaissais pas. C'est beau vraiment, la logique concise des Regex.

**olivierdauxais** · 28/12/2018, 12h31

Envoyé par badaze

Si tu arrives à faire LA regexp qui traite une url quelconque à ton premier essai alors là chapeau !

Je ne désespère pas d'y arriver...

**olivierdauxais** · 28/12/2018, 15h29

If english is fine for you, I think that I found a great tutorial for regex. See the link below:

I, personally, like it very much. I invite you to have a look at it.

The following one seems pretty good, too:

It uses the website www.regex101.com that CosmoKnacki mentionned earlier.

Convertir des URL d'une variable en liens cliquables

Langage PHP

Discussions similaires

Partager

Partager