THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 pb avec tynimce

(20-08-2020 16:09:46)


Bonjour,
d'habitude quand je rentre du code dans l'éditeur tinymce,
du genre ajouter une classe ou agrémenter une image cela fonctionne.

La à l'étape de cliquer sur "OK" dans la pop-up "Code source",
je clique mais les modifs ne sont pas prises en comptes.

Une idée de ou ça peut venir ?

Offline

#2 Re: pb avec tynimce

(20-08-2020 19:57:44)


vz777 wrote:

je clique mais les modifs ne sont pas prises en comptes.

Qu'entends-tu par là ? Modifications non prises en compte dans le front ? le back ? Pour  que les modifs soient visibles en compte dans la back office, il faut renseigner le champ 'CSS personnalisé à proposer dans l'éditeur' dans les réglages du module ou modifier le fichier "editor.less" dans les assets du plugin (comme indiqué dans les réglages)

Offline

#3 Re: pb avec tynimce

(20-08-2020 20:18:39)


On va me traiter d'obseder de l'optimisation wink wink

Mon pb est dans le back en vu de faire une modif pour le front.

Par exemple,
je cherche à attribuer

loading="lazy"

sur une image,
je clique sur ok, je retourne sur le code source, mes modifs ont disparu.

Il ne servirait à rien de cliquer sur enregistrer puisque le code source n'a pas changé.

Offline

#4 Re: pb avec tynimce

(20-08-2020 22:34:28)


Le problème est lié, je pense, à une option de configuration configuration de TinyMCE : valid_elements / extended_valid_elements. Ces paramètres définissent quelles sont les attributs valides pour les différentes balises HTML (p, textarea, img etc).

L'attribut loading[="lazy"] étant relativement récent, il ne fait pas partie de la white list de TinyMCE et n'étant pas reconnu il est supprimé.

Quand tu effectues une modifications via l'éditeur de code source, après avoir cliqué sur OK, il faut cliquer sur le bouton "Enregistrer" du backoffice sinon tes modifications ne sont pas enregistrées.

Offline

#5 Re: pb avec tynimce

(21-08-2020 09:19:57)


Ah ok je découvre que tinymce me limite wink

Je vois deux possibilitées :
-modifier tinymce_init.tpl mais je ne sais pas si ça sert à quelque chose vu que les options "valid_elements / extended_valid_elements" doivent être définies ailleurs.
Et puis, je ne suis pas sur d'avoir les compétences pour m'attaquer à ça.
-ajouter une classe dans le html et l'appliquer à l'élément voulu,
par exemple : .lazy {loading="lazy";} puis <img src="..." alt="..." class="lazy .... "

Mais je ne sais pas si je peux mettre l'attribut comme ça dans une class ou si il doit uniquement faire partie de la balise ?

Offline

#6 Re: pb avec tynimce

(21-08-2020 14:22:46)


Tu intègres directement ton image dans l'éditeur WYSIWYG ? Personellement j'évite cette approche car elle offre peu de contrôle sur ce qu'un administrateur du site peut faire.
Si tu traites les images comme contenu indépendant, tu peux directement ajouter l'attribut loading="lazy" ai niveau de la balise <img> dans une boucle image.

Offline

#7 Re: pb avec tynimce

(21-08-2020 19:33:29)


En fait,
il s'agit d'un content avec du texte et de l'image au milieu.

Je suis seul à m'occuper du site donc ça va mais c'est sûr que c'est pas terrible comme approche.

Je sais qu'il y a le module view, mais il ne fonctionnait pas avec moi.
Sur thelia 1, je crois que je créais un fichier content-idducontent.html et le template concernais uniquement le dit content.
Faudrait que je voie si ça pourrait marcher comme ça,
à moins qu'il y ait une autre approche.