Comment faire pour ne pas avoir les émojis cliquables ?

[creange]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://dangela.forumgratuit.org/

Description du problème

Bonjour
j'ai mis l'option cliquable pour les images sur le forum
mais malheureusement tous les smiles autres que ceux du
forum le sont également comme ceci




ce qui fort déplaisant quand on veut lire un message
y a t'il un moyen de supprimer l'option sur les smiles
envoyé par mobile ?

merci pour la réponse

[creange]

un petit up

[Oka.mi]

Bonjour,

Que voulez-vous dire par "j'ai mis l'option cliquable pour les images sur le forum" ? Qu'avez-vous fait, concrètement ?
Ensuite, pour pouvoir examiner votre problème, il faudrait que nous ayons accès à l'un de vos sujets où les smileys sont présents. Pouvez-vous faire cela ?

[creange]

Bonjour Oka.mi
j'ai mis ce code js sur l'index et tous les sujets pour redimensionner les images

Code:

//Recherche des image dans le contenu
$(function(){
$('.postbody .content').find('img').addClass('M14_Resize').attr
("onclick","window.open(this.src);return false").attr("title","Cliquez pour voir l'image dans sa totalité");
//Suppression de la class sur les smileys
$('img[longdesc]').removeClass().removeAttr('onclick');
});
//On entoure l image pour donner une apparence optionnel
$(function(){
$('img.M14_Resize').wrap('<span id="M14_Resize"></span>');
});

afin qu'elles soient cliquables pour l'agrandissement mais le problème c'est que
les utilisateurs mettent un smiles depuis le mobile c 'est considéré comme une image
et par conséquent ça met ce que j'ai mis en capture d'écran

dans mon css j'ai rajouter ceci

Code:



img.M14_Resize
{
margin-top:20px;/*on decale de 20px du haut*/
max-width:500px;/*on donne une largeur maximale*/
max-height:500px;/*on donne une hauteur maximale*/
cursor:pointer;
}

/*on donne une apparence au images*/
#M14_Resize img.M14_Resize
{
border:2px solid red;
}
/*on dépose un texte avant l image*/
#M14_Resize:before
{
content:"Image cliquable";
position: absolute;
margin:2px 0px 2px 20px;
color:green;
font-style:italic;
}


et j'ai supprimé ceci

Code:


<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .post-entry', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

 dans mon template viewtopic_ body

j'avais trouvé ce tuto sur un forumactif

[Oka.mi]

Si je me fie à votre capture d'écran, vous devez parler des Twemoji, qui sont effectivement envoyées en tant qu'images contrairement aux smileys classiques. On peut donc modifier le script de façon à exclure les liens de type Twemoji dans les images sélectionnées, en remplaçant ce passage (ligne 3)

Code:

.find('img')

par

Code:

.find('img:not(img[src*="twemoji"])')

[creange]

merci Oka.mi 
mais ça ne fonctionne pas au contraire mes images ne sont plus redimensionnées  .....

[Oka.mi]

En ce cas je vous invite à copier-coller ici le script modifié.

[creange]

Code:

//Recherche des image dans le contenu
$(function(){
$('.postbody .content')..find('img:not(img[src*="twemoji"])').addClass('M14_Resize').attr
("onclick","window.open(this.src);return false");
//Suppression de la class sur les smileys
$('img[longdesc]').removeClass().removeAttr('onclick');
});
 //On entoure l image pour donner une apparence optionnel
$(function(){
$('img.M14_Resize').wrap('<span id="M14_Resize"></span>');
});


                                                           




[Oka.mi]

Vous avez mis deux "." avant le find. Il n'en faut qu'un.

[creange]

les images sont de nouveau redimensionnées mais les twemoji aussi du coup ça 
ne change rien

[Oka.mi]

Je réitère donc ma demande formulée dans ma première réponse

Ensuite, pour pouvoir examiner votre problème, il faudrait que nous ayons accès à l'un de vos sujets où les smileys sont présents. Pouvez-vous faire cela ?

[creange]

alors je n'ai pas l'habitude comment il faut faire
je vous mets le lien de la page et je permets la connection c'est ça ?

[Oka.mi]

Le plus simple, je pense, c'est de créer un nouveau sous-forum (temporaire) où vous donnez l'accès à la lecture pour les invités et où vous créez un sujet avec des exemples d'émojis qui posent problème. Une fois le problème réglé, vous aurez juste à supprimer le forum et le sujet créés.

[creange]

c est bon j'ai ouvert un forum

[Oka.mi]

Voilà pourquoi je vous demandais dès le début d'ouvrir un forum pour que l'on puisse regarder
J'ai pu voir que votre éditeur est dépourvu du Twemoji donc je suppose qu'il s'agissait en fait d'un emojione (sur votre capture).
Pour ça, on remplace toujours la même ligne dans le script (attention au ".") pour y inclure les emojione.

Code:

.find('img:not(img[class="emojione"], img[src*="twemoji"])')

Si ça ne marche toujours pas alors je réitère ma demande de mon précédent message :

et où vous créez un sujet avec des exemples d'émojis qui posent problème.

Ainsi j'arrêterais de jouer aux devinettes :p

[creange]

c'est bon ça marche 
pour la devinette en fait ce sont les émoji envoyés par les utilisateurs depuis leur
mobile car oui j'ai désactivé les twemoji sur le forum 

Merci Oka.mi pour l'aide apportée 
bonne fin de soirée

[creange]

sujet résolu