J'ai trouvé en solution en partant de ce "tuto" : https://www.sois-net.fr/class-css-images-liens-tinymce/
Dans le module Tinymce, j'ai modifié 2 fichiers :
local\modules\Tinymce\templates\backOffice\default\tinymce_init.tpl
local\modules\Tinymce\templates\backOffice\default\assets\css\editor.less
Dans le fichier tinymce_init.tpl, à la ligne 81, j'ai rajouté :
{
title: '{intl l='Image à Gauche'}', value: 'tiny-mce-img-left'
},
{
title: '{intl l='Image à Droite'}', value: 'tiny-mce-img-right'
},
et dans editor.less, pour les css soit prise en compte dans l'éditeur, j'ai mis :
.tiny-mce-img-right{
display: block;
max-width: 100%;
height: auto;
float: right;
margin: 0 0 15px 15px;
}
.tiny-mce-img-left{
display: block;
max-width: 100%;
height: auto;
float: left;
margin: 0 15px 15px 0;
}
J'ai également mis le code ci-dessus dans la css du thème front office que j'ai fait pour qu'il soit accessible dans la partie publique.
En gros, maintenant, on peut choisir les classes pour câler une image à droite ou à gauche.
ATTENTION ! Il faut que l'option qui met la class img-responsive soit décochée pour que ça marche.
Pour faire évoluer le module en ce sens, il faut que je contacte son auteur, non ?
Je pourrais l'aider ou plutôt, il pourra m'aider pour que j'implémente cela d'une façon plus propre et plus officiel dans son module.