Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,
Nombre de réponses : 4

Bonjour,

Sur le clone de notre thème Clean, nous avons activé Font Awsome, dans le but d'utiliser un langage iconique standardisé, là où ça fait sens. C'est pour nous important et stratégique.

En particuliers, pour le titre des blocs, car dans le dock nous n'afficherons que l’icône.

C'est très simple à faire, il suffit d'ajouter la balise HTML dans le paquetage de langue.

Nous avons un soucis avec les blocs RSS & HTML. Nous tentons d'ajouter la balise HTML dans le titre du bloc. Mais Moodle nous purge la balise à l'enregistrement.

Ceci, même avec :

  • Admin > Règles de Site > Activer le système Contenu fiable = Oui
  • les droits "Site Admin" (donc tout les droits)
  • Admin > Réglage HTML > Retirer les balises HTML du nom des activités = Non

Heu... là je sèche :

  • Est-ce un paramètre que j'ai omis ?
  • Si ce n'est pas un paramètre, comment contourner la purge ?
  • Si pas contournable, comment désactiver la purge des titres des blocs RSS & HTML au niveau PHP ? (Chuis pas programmeur, j'y connais que "pouic" en PHP)

Je précise, l’icône change en fonction du but ou rôle du bloc RSS ou HTML. Donc, on doit passer par le titre, car une icône identique pour tous les blocs RSS ou HTML ne conviendrai pas.

Merci d'avance pour vos lumières !

Stephan

Moyenne des évaluations  -
En réponse à Stephan Sengupta

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,

Idem pour le bloc "Glossaire"...

En fait idem pour tout les blocs dont le titre est configurable.

clin d’œil

Moyenne des évaluations  -
En réponse à Stephan Sengupta

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,

Aïe ! Là je dois dire que je m'attendais pas à ça !

Le dock purge aussi le code HTML du paquetage de langue !

(Vous fiez pas au design des couleurs... on est en test)

Voici ce qui est saisi au niveau du paquetage de langue :

<i class="fa fa-sitemap" aria-hidden="true"></i>
&nbsp;Navigation

Et voici ce qu'en fait le dock :

Le dock purge toute balise HTML. Il est sans pitié et il est impossible de le "feinter".

Où et comment désactiver la purge du dock ?

Le dock n'étant pas un plugin, je ne trouve pas le fichier PHP qui est la cause de ce soucis.

Merci d'avance pour votre aide.

Cordialement,

Stephan


Moyenne des évaluations  -
En réponse à Stephan Sengupta

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Patrick Lemaire,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs

Salut Stephan,

J'ai "bricolé" un truc à base de CSS... En ajoutant ça :

body.has_dock #dock .dockedtitle
h2:before {
font-family: FontAwesome;
font-size: 20px;
padding-right: 5px;
}
#yui_3_17_2_1_1496131277397_548:before {content: "\f0e6";}
#yui_3_17_2_1_1496131277397_577:before {content: "\f08d ";}

Ça donne ce résultat là :

Dock

Il faudra adapter chez toi. Je ne sais pas si c'est une bonne chose de s'appuyer sur les ID en YUI.

A bientôt,
Patrick

Moyenne des évaluations Utile (1)
En réponse à Patrick Lemaire

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,

Salut Patrick,

Merci pour l'astuce. J'ai regardé ça à la loupe.

Je partage mes conclusions :

Ta proposition passe par l'ajout en CSS d'un pseudo élément sur l'id yui de l'objet. Mais l'id yui de l'objet peut changer.

De plus cela présuppose que Font Awesome est intégré/installé. Mais dans mon cas de figure , j'utilise Font Awesome CDN en ajoutant simplement un script dans le HEAD. Ce qui charge les fonts depuis le serveur de Font Awesome et m'impose d'invoquer l’icône de cette manière :

<i class="fa fa-sitemap" aria-hidden="true"></i>
Mais, j'ai trouvé comment "feinter" le dock. Je partage ici mon astuce.

Prenons l'exemple du Bloc "Administration".

1. je modifie le "pluginname" administration dans le paquetage de langue comme suit :
<span class="hk_html_blockicon">&lt;i class="fa fa-cogs" aria-hidden="true"&gt;&lt/i&gt;</span>
<i class="fa fa-cogs" aria-hidden="true"></i>
<span class="hk_html_blockname">&lt;span class="hk_html_blockname&gt;</span>
   <span class="hk_blockname">&nbsp;Administration</span>
<span class="hk_html_blockname">&lt;/span&gt;</span>
2. je modifie la CSS comme suit :
.dockeditempanel_bd {
   width: 100%;
}
.hk_html_blockicon,
.hk_html_blockname {
   display: none;
}

Et voici le résultat :


Le reste n'est plus que de la mise en forme.

Cordialement,
Stephan
Moyenne des évaluations Utile (1)