Symbole ASCII déformé

[Mistaken]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 21 septembre 2017
Lien du forum : http://peoplealwaysleave.forumactif.com/

Description du problème

Nous utilisons certains symboles ASCII (comme celui-ci ▪ par exemple), mais depuis ce matin, nous avons remarqué qu'ils sont largement déformés, ce qui rend nos mises en page un brin inesthétique. En fait, ce n'est même plus du ASCII, ils deviennent tout simplement des images, comme ça :

Le problème semble aussi être apparu sur d'autres forums, mais je n'ai pas d'adresses sous la main.

[Neptunia]

Bonjour ^^


Avez-vous changé dernièrement la police de caractères par défaut ?

[Mistaken]

Non, du tout. Il s'agit de la même depuis l'ouverture du forum.

[Neptunia]

Il faudrait regarder de plus près le code entré dans le message parce que si l'on regarde le code de la page on trouve

Code:

<stt>âge, lieu de naissance</stt> <img class="emojione" alt="▪️" title=":black_small_square:" src="https://cdn.jsdelivr.net/emojione/assets/png/25aa.png?v=2.2.7"> vingt-sept qu'il foule cette terre. Il a poussé son premier cri à Wilmington, dans cette ville portuaire de la Caroline du Nord.

Autrement dit c'est une image qui a été postée, le caractère ASCII ne figure que comme alternative et c'est normal qu'il n'apparaisse pas tant que l'image fonctionne.

[Mistaken]

Ce code d'image n’apparaît pas dans nos messages, lorsque je les édite. Ni même dans nos formulaires.
Voici celui qu'on voit sur l'image en exemple. On le voit bien qu'il s'agit du ' ▪ ' et non pas du lien de l'image qui apparait.
Nous n'avons même pas de class 'emojione' dans notre feuille de style personnalisable. C'est étrange.

Code:

<center><center><img src="http://68.media.tumblr.com/21224ae9661b6cdcdb4da48d020a8367/tumblr_munlvudWBR1qzkvmxo2_r1_250.gif" class="picture">

<prefo>[ prénom nom ]</prefo>
<aaa>emploi | [i]avatar[/i] | groupe</aaa>
<div class="barre"></div></center>
<center><div class="box3" style="font-size:10px;"><stt>âge, lieu de naissance</stt> ▪ écrire ici. <stt>origines, nationalité</stt> ▪ écrire ici. <stt>situation financière</stt> ▪ $$$$, écrire ici.  <stt>statut civil</stt> ▪ écrire ici. <stt>situation familiale</stt> ▪ écrire ici. <stt>péché mignon</stt> ▪ écrire ici. <stt>plat préféré</stt> ▪ écrire ici. <stt>livre de chevet</stt> ▪ écrire ici. <stt>porte bonheur</stt> ▪ écrire ici. <stt>film favori</stt> ▪ écrire ici. <stt>ambition</stt> ▪ 0 à 100% (détaillez si vous le désirez). <stt>caractéristiques physique</stt> ▪ écrire ici. <stt>traits de caractère</stt> ▪ écrire ici.</div></center>
<div class="box"><nn>♡ going to make this place your home.</nn>
Dans cette partie, vous devrez nous énumérer quelques informations que vous trouvez importantes concernant votre personnage : manies, tics, habitudes, allergies, une partie de son histoire, etc. Sachez que cette partie est obligatoire et ne peut être retirée. Si vous ne faites pas d'anecdote, merci de rédiger un [u]minimum de 10 points[/u].</div>
<center><div class="box2"><i class="fa fa-comment-o"></i> <yy>I just wanna look good for you.</yy><div style="margin-bottom: 8px; margin-left: 30px; border-bottom: 1px dashed; width: 150px; margin-top: -3px;"></div><span style="font-family: open sans; font-weight: 700;"><quest>[u]01.[/u] Comment voyez-vous votre avenir dans 10 ans :</span></quest> écrire ici un minimum de 3 lignes.
<span style="font-family: open sans; font-weight: 700;"><quest>[u]02.[/u] Quelle est votre plus belle réussite et votre pire échec :</span></quest> écrire ici un minimum de 3 lignes.
<span style="font-family: open sans; font-weight: 700;"><quest>[u]03.[/u] Que représente la ville de Wilmington pour vous :</span></quest> écrire ici un minimum de 3 lignes.
<span style="font-family: open sans; font-weight: 700;"><quest>[u]04.[/u] Quel est votre endroit préféré en ville :</span></quest> écrire ici un minimum de 3 lignes.</div></center>
<center><div class="barre"></div>
<div class="box3" style="font-size:10px;"><stt>pseudo, prénom</stt> ▪ écrire ici. <stt>âge, lieu de résidence</stt> ▪ écrire ici. <stt>type de personnage</stt> ▪ inventé, pré-lien, prédéfini. <stt>commentaires, autres</stt> ▪ écrire ici. <stt>crédits</stt> ▪ écrire ici.</div></center></center>

Et les messages qui n'ont pas été édité depuis ce bug conserve toujours leur petit ▪ intact. Mais dès le moment où je les édite, et que je prévisualise la page, le bug apparait.
Exemple de sujet intact : http://peoplealwaysleave.forumactif.com/t448-hurricane-in-human-skin-x

[Neptunia]

Je reproduis effectivement le souci avec le code complet du message mais uniquement si le forum est en utf-8.

Je ne pourrais malheureusement pas vous aider davantage puisqu'il ne s'agit ni d'un problème de code, ni d'un problème lié à votre forum.

[Walt]

Bonjour,

Cela est un comportement normal, lié à l'intégration sur les forums de EmojiOne qui est une librairie permettant l'affichage des emojis sur les forums, de manière optimisée.

Certains caractères sont traduits par EmojiOne comme des emojis, tel est le cas du caractère que vous utilisez dans vos messages.

Cordialement,
Walt

[Jellicle]

Bonsoir Walt, du coup je constate que la réponse apportée à Mistaken doit également s'appliquer à mon topic au sujet du symbole copyright. Il y a-t-il une manière de désactiver ces "EmojiOne" ?

[Walt]

Effectivement, votre problème a la même origine. Il n'y a pas de possibilité de désactiver EmojiOne pour le moment, je vais me renseigner quant à savoir si c'est quelque chose de prévu ou non.

Cordialement,
Walt

[Jellicle]

Très bien, merci Walt !

[Mistaken]

Ça serait très apprécié si nous pouvions avoir l'option de désactiver EmojiOne, car personnellement, utilisant énormément de symbole ASCII, ça pourrait causer énormément de problème sur mes forums.

[oxymore]

Bonjour

Peut être une solution temporaire en mettant ce code via la gestion des codes javascript.

Code:

$(function() {
$('.emojione').remove();
});

[Mistaken]

Merci pour le code.
Il fonctionne cependant en partie, car oui, il supprime l'image créé par Emojione, mais le symbole d'origine (▪) n'apparait plus du tout.

[Walt]

De manière provisoire vous pouvez utiliser celui-ci à la place :

Code:

$('img.emojione').each(function() {
  $(this).after( $(this).attr('alt') ).remove();
});

Cordialement,
Walt

[Mistaken]

Merci encore de votre aide.

Par contre, j'ai remplacé le précédent code par celui-ci, mais il ne semble pas fonctionner.

[Walt]

Au temps pour moi, imprécision de ma part. Remplacez le tout par :

Code:

$(function() {
    $('img.emojione').each(function() {
      $(this).after( $(this).attr('alt') ).remove();
    });
});

Cordialement,
Walt

[Mistaken]

Il n'y a pas de problème, je peux comprendre.
Ce nouveau code fonctionne parfaitement, merci énormément.

[oxymore]

Merci pour le code.
Il fonctionne cependant en partie, car oui, il supprime l'image créé par Emojione, mais le symbole d'origine (▪) n'apparait plus du tout.

Bonjour

Désolé pas testé le code


Peut être celui ci ?

Code:

$(function() {
  $('.emojione').removeAttr('src')
});

*Edit pas vu la réponse de Walt désolé.

[.truelove]

Merci énormément pour cette réponse, je cherchais désespérément comment régler ce soucis

[Arkaline]

Merci pour l’astuce! Cela me posait souci également