Rendre ses images Responsive
Pascal C.
Pascal C.

Rendre ses images Responsive

Pascal C. 451
29/09/2021 16:41
#1
Pascal C. 451
29/09/2021 16:41
Salut,

Utilisant tiny editor (il en va peut être de même avec les autres editeurs de texte d'ailleurs), je vois qu'il est possible de charger une class avec son image. J'aimerai savoir comment en ajouter du coup?

Je souhaite rendre mes images responsives en utilisant la class img-fluid.
Pour ce faire j'ajoute mes images en html sous la forme suivante :

<img class="img-fluid" src="http://www.xxx/mon_image.png"/>


Ca fonctionne très bien, mais il serait plus simple de charger les images sans éditer en html et en rajoutant cette classe à la liste de celles sélectionnables.
Re : Rendre ses images Responsive
Alain T
Alain T

Re : Rendre ses images Responsive

Alain T 727
29/09/2021 16:59
#2
Alain T 727
29/09/2021 16:59
Oui TinyMce le permet.
Vise un peu cette page : Image_class_list.

Il te faudra donc ajouter des éléments dans le fichier (de mémoire, je crois) /class/xoopseditor/tinymce/settings.php

Attention, lors d'une MAJ de XOOPS, avec MAJ de TMCe, fait une copie de ce fichier avec pour nom par exemple
settings-lumières.php, comme ça, tu auras toujours ton fichier modifié et il suffira de reporter tes modifs sur le fichier settings.php.
Re : Rendre ses images Responsive
Pascal C.
Pascal C.

Re : Rendre ses images Responsive

Pascal C. 451
29/09/2021 17:08
#3
Pascal C. 451
29/09/2021 17:08
Ha super, merci