[RÉGLÉ] Limitations Font Awesome - SP Page Builder

[Solehl]

Bonjour à tous,
quelqu'un peut me dire s'il a la même difficulté que moi avec l'affichage de certain icône de la font Awesome avec SP Page Builder.

Configuration
Joomla! 3.4.8
SP Page Builder Free v1.0.8
Éditeur TinyMCE utilisé par SP si je ne m'abuse

lorsque j'ajoute un block icône dans SP Page Builder certains choix sont en style="display: none ! important;"
voici les copies d'écran


Firebug donne : <i class="fa fa-flickr" style="display: none ! important;"></i>

De même lorsque j'ajoute dans un block texte en html sous la forme :

<div class="listIcon">
<div class="fa fa-wordpress">&nbsp;</div>
<div class="fa fa-facebook-official">&nbsp;</div>
<div class="fa fa-dropbox">&nbsp;</div>
<div class="fa fa-soundcloud">&nbsp;</div>
<div class="fa fa-google-plus">&nbsp;</div>
<div class="fa fa-flickr">&nbsp;</div>
<div class="fa fa-youtube">&nbsp;</div>
</div>

puis ok et Sauvegarder, à la réouverture du block le texte html est nettoyé de façon sélective :

<div class="listIcon">
<div class="fa fa-wordpress">&nbsp;</div>
<div class="fa fa-facebook-official">&nbsp;</div>
<div class="fa fa-dropbox">&nbsp;</div>
<div class="fa fa-soundcloud" style="display: none ! important;">&nbsp;</div>
<div class="fa fa-google-plus" style="display: none ! important;">&nbsp;</div>
<div class="fa fa-flickr" style="display: none ! important;">&nbsp;</div>
<div class="fa fa-youtube" style="display: none ! important;">&nbsp;</div>
</div>

j'ai changé l'ordre, rien n'y fait

De même si je change mes div par les i d'origine :

<div class="listIcon"><em class="fa fa-wordpress">&nbsp;</em> <em class="fa fa-facebook-official">&nbsp;</em> <em class="fa fa-dropbox">&nbsp;</em> <em class="fa fa-soundcloud" style="display: none ! important;">&nbsp;</em> <em class="fa fa-google-plus" style="display: none ! important;">&nbsp;</em> <em class="fa fa-flickr" style="display: none ! important;">&nbsp;</em> <em class="fa fa-youtube" style="display: none ! important;">&nbsp;</em></div>

L'éditeur TinyMCE :

Éléments autorisés 1 : i,span
Éléments autorisés 2 : +a[*],+i[*],+em[*],+li[*],+span[*],span

Mes fonts Awesome et css liées sont à jour, SP Page Builder et Joomla sont à jour.

Y a t'il des limitations pour certain caractère de la font Awesome avec SP Page Builder Free ?

je vous remercie pour vos pistes ?

[Solehl]

Re : Limitations Font Awesome - SP Page Builder

Voilà une dizaine de jour que j'ai posté cette demande, je veux juste savoir si cette difficulté est liée à la version free ?

Y a t'il des limitations pour certain caractère de la font Awesome avec SP Page Builder Free ?

je vous remercie pour vos pistes ?

Belle fête à toutes et tous

[Solehl]

Re : Limitations Font Awesome - SP Page Builder

Sur ce coup là je me suis senti un peu seul... toutefois cela m'a amené à penser que la réponse est devant mon nez ou ne concerne point ce forum, peut-être les deux

Ce qui est le cas, voici une copie du texte d'avertissement sur le site de font-awesome :
Brand Icons Warning!
Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names.

Mon navigateur emploi uBlock Origin qui est alimenté par les infos d'Adblock Plus.

La fin de la traduction dit : Pour contourner ce problème, vous aurez besoin de modifier les noms de classes d'icône ...
Hum, hum ça sens bon

Pour retrouver l'affichage des icônes de marque pour la font-awesome, j'ai ajouté un suffixe à la classe concernée, afin de contourner le blocage.

Ainsi

.fa-flickr:before{content:"\f16e"}

devient ou est ajouté

.fa-flickr-monSuffixe:before{content:"\f16e"}

dans les 2 fichiers css suivants :

administrator\components\com_sppagebuilder\assets\ css\font-awesome.min.css
components\com_sppagebuilder\assets\css\font-awesome.min.css

De plus pour l'affichage dans l'admin SP l'ajout du nom de la nouvelle classe est nécessaire dans :

administrator\components\com_sppagebuilder\builder \types\icon.php

sous la forme :

private static function getIconsList() {
return array(
...,
'fa-flickr',
'fa-flickr-monSuffixe',
... 

Une limitation cependant, lors de la mise à jour de SP ou des fichiers de la font, l'opération est à renouveler

Voili, voilou, il est content le monsieur