Afficher une image dans la description des sujets

[Amelie Jacinto]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://les-perles-d-amelie.forumactif.com/

Description du problème

Bonjour,

Je n'arrive pas a afficher les images dans la description des titres de mes sujet.

[Oka.mi]

Bonjour,

Il faut ajouter les balises de l'image sinon elle sera interprétée comme un simple texte.

Code:

<img src="LIEN" />

Par ailleurs, pouvez-vous renseigner le bon forum ( https://lesperles.forumotion.me/ et non http://les-perles-d-amelie.forumactif.com/ ) dans votre profil s'il-vous-plaît ? Ainsi nous pourrons directement voir le forum concerné par vos problèmes.
Rendez-vous sur https://forum.forumactif.com/u173714contact puis cliquez ici pour changer l'adresse du forum :

[Amelie Jacinto]

d'accord merci

[Amelie Jacinto]

Bonsoir je ne trouve pas ...

[Oka.mi]

Bonsoir,

Que ne trouvez-vous pas ?

[Amelie Jacinto]

ou je dois coller ce code ?

<img src="LIEN" />

[Neptunia]

Bonjour ^^


Sauf erreur de ma part, nulle part. Si ça n'a pas changé on ne peut pas insérer de HTML dans la description d'un sujet.

Il faut passer par cette astuce.
Insérer une image dans les descriptions des sujets

[Oka.mi]

En effet, désolée, j'ai compris "description des forums"
J'ai voulu rectifier le tir mais @Neptunia a été plus rapide

[Amelie Jacinto]

Pff du chinois pour moi

[Oka.mi]

Après analyse du tutoriel, il s'avère qu'il transforme toute la description en image, même si c'est juste un texte normal... du coup ça vous empêchera de mettre autre chose que des images.

Je vous propose donc de faire autrement, avec un petit JavaScript qui, je pense, sera plus adapté et plus optimisé pour ce que vous voulez faire. En plus, en faisant ainsi, vous n'avez qu'un seul élément à changer.

Dans votre panneau d'administration, rendez-vous dans Affichage > Templates > Général > topics_list_box
Repérez ce passage (ligne 65) :

Code:

{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}

Remplacez par :

Code:

<script type="text/javascript">
  var desc = "{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}";
  var matches = desc.match(/https?:\/\/[a-z0-9\/:%_+.,#?!@&=-]*\.(?:png|jpg|jpeg|gif|webp|bmp|tiff)/g);
  if (matches !== null) {           
      matches = matches.filter(function(ele, pos){
        return matches.indexOf(ele) == pos;
      });
      for(var i = 0; i < matches.length; i++) {
        desc = desc.replaceAll(matches[i], '<img class="imgdesc" src="' + matches[i] + '" />');         
      }
  }
  document.write(desc);
</script>

Avec ce code, vous n'avez plus besoin de mettre de balises img <img src="LIEN" />, il repère tout seul les liens d'image et ajoute les balises qu'il faut.

[Amelie Jacinto]

Merci beaucoup pour votre aide, çà fonctionne !!