THELIA Forum

Bonjour à tous, le module TinyMCE est assez sommaire lorsque l'on souhaite ajouter un lien sur un texte. J'aimerais pouvoir ajouter une class sur le lien (par exemple, pour spécifier qu'il s'agit d'un lien externe) et un attribut rel (généralement, pour préciser qu'il s'agit d'un lien nofollow)
J'ai vu que pour Wordpress, certains arrivent à travailler le plugin TinyMCE, mais je n'ai pas réussi sur Thelia.
Auriez-vous une piste ?
Merci et très belle journée !
Éric LM

Merci Roadster31, oui, j'avais vu ces plugins, mais comment je les intègre dans le module Thelia ? Il y a quelque chose de spécifique à faire ?

Merci Roadster31 j'ai fait une boucle module-config en m'inspirant de celle qui existait déjà pour les images-responsive, et tout fonctionne.
C'est super, je peux donner une classe external à mes liens (ce qui affiche une petite flèche pour indiquer qu'il s'agit d'un lien externe) et je peux ajouter un nofollow pour limiter mon "budget crawl"

        //Pour donner une class aux liens (par exemple, external, qui permet d'ajouter une flèche pour indiquer qu'il s'agit d'un lien externe)
        {loop type="module-config" name="links" module="tinymce" variable="links" default_value="1"}
            {if $VALUE != 0}
          link_class_list: [
              {
                title: 'None', value: ''
              },
              {
                title: 'external', value: 'external'}
              ],
            {/if}
          {/loop}
          
          // Pour donner un attribut rel (et faire en sorte que le lien soit nofollow, par exemple)
          {loop type="module-config" name="rel" module="tinymce" variable="rel" default_value="1"}
          {if $VALUE !=0}
          rel_list: [
              {
                title: 'None', value: ''
              },
              {
                title: 'Nofollow', value: 'nofollow'}
              ],
            {/if}
          {/loop}

Dans TinyMCE, lorsque tu fais Insérer/Éditer une image, tu peux ajouter à cette image la class "image-responsive", qui a les styles suivants :
display: block;
max-width: 100%;
height: auto;

Mais, de fait, je n'utilise jamais cette class, car par défaut j'ai donné ces styles à toutes mes images.

Ceci étant, si on voulait être au top en terme de rapidité d'affichage, il faudrait utiliser une balise <picture> https://developer.mozilla.org/fr/docs/W … nt/picture

Enfin, pour la page d'accueil de mon site, je n'affiche pas les images des livres, mais une image compressée des livres.

Et donc, pour chaque livre (produit) j'ai une image que j'utilise pour la fiche produit, et une seconde image bien compressée que j'utilise pour la page d'accueil du site. Avec la boucle image, j'affiche soit la première image s'il s'agit d'un produit, soit la seconde image s'il s'agit de la page d'accueil du site.

De la sorte je gagne en rapidité d'affichage de mon site

Je ne sais si j'ai bien répondu à ta question...