Bouton media et tynyMCE

[lomart]

Bonjour à tous,

Lorsqu'on insère une image avec TinyMCE et son bouton Média, le code fixe une dimension fixe pour l'image. Cela n'est pas l'idéal pour être responsif.

On peut l'éviter en décochant "Images chargées progressivement (lazyload)"
malheureusement, je n'ai pas trouvé de possibilité d'en faire le choix par défaut.

Donc ma question est comment faire pour avoir un code le plus simple possible <img src="chemin de l'image"> en conservant la fenêtre de sélection des medias ?

[woluweb]

euh, installe https://responsive-images.dgrammatiko.dev/ et tu fais d'une pierre deux coups

PS : tu viens au JoomlaDay à Bruxelles ? Tout le monde est chaud pour une présentation ou même un workshop sur UP

[pmleconte]

Bonjour,

Sauf erreur de ma part, si tu mets, par exemple,

<img src="html5.gif" alt="HTML5 Icon" width="128" height="128">

mais que tu as défini du code css pour img, c'est le code css qui prend la main, donc ton image devient responsive si tu l'as défini dans le css.

Voir l'exemple https://www.w3schools.com/html/tryit...l_images_style

Pascal

[lomart]

pmleconte

Bonjour Pascal,

Tu as raison, c'est la règle normale.
Où cela me pose un problème, c'est sur un blog 3 colonnes masonry.
Si les dimensions de l'image sont indiquées, la largeur du bloc ne fait plus la largeur de la colonne.
Si je supprime les dimensions pour l'image, c'est parfait

En dehors de ce souci, il est inutile de surcharger le code plus que nécessaire.

woluweb
Bonjour Marc,

la solution dgrammatiko ne répond pas à mon besoin.
Si j'ai bien compris après installation et tests, le chargement des images se fait toujours de la même façon. Il modifie le code à la génération de la page HTML
En passant, l'action image-gallery fait cela (et plus) depuis août 2018

Pour l'instant, je n'ai pas prévu d'aller au Joomladay

[abmag]

Je ne sais pas si cela répond au moins partiellement à ta question mais dans la Doc Tiny MCE il y a un truc qui ressemble à ta demande

tinymce.init({
selector: 'textarea', // change this value according to your HTML
plugins: 'image',
menubar: 'insert',
toolbar: 'image',
image_dimensions: false
});

https://www.tiny.cloud/docs/plugins/opensource/image/#image_dimensions

Je n'ai pas regardé si il est possible de surcharger le tiny de Joomla

[lomart]

Merci abmag

Il me semble qu'il s'agit du bouton image normal. Je parle du bouton "media" dans le menu des editors-xtd
Mais plutôt qu'une modification ephémère du code Joomla, un petit paramètre m'irait bien

[pmleconte]

Je sais que tu n'aimes pas trop JCE, qui ajoute un peu trop de balises <p>, mais, en passant par JCE MediaBox, il ne génère aucune information width/height.

L'idéal serait d'avoir un bouton MediaBox dans TinyMCE.

Pascal

[abmag]

Ce n'est pas très élégant mais en mettant

 /* */

comme valeur ça marche peut-être

[lomart]

L'idéal serait d'avoir un bouton MediaBox dans TinyMCE.
Pascal

Il y a bien cela :

https://ourlife01.blogspot.com/2017/01/how-to-add-free-file-manager-in-joomla.html

https://github.com/trippo/ResponsiveFilemanager

J'ai joué avec il y a quelques années sans succès

[abmag]

Je vais peut-être finir par comprendre la question
est-ce celà que tu recherches?

[pmleconte]

Le problème vient de la version de tinymce utilisée dans Joomla 4 : on est maintenant en 5.10.3 alors que JCE semble utiliser sur une version 4.x.

J'ai essayé de reprendre le plugin imgmanager de JCE et de le copier dans les plugins TinyMCE, mais, il n'est pas compatible.

J'ai regardé le guide de migration TinyMCE 4 vers TinyMCE 5, mais, ce n'est pas vraiment la joie, d'autant que, dans JCE, le plugin est "minified" : doc de migration : https://www.tiny.cloud/docs/migration-from-4x/

Pascal

[lomart]

Merci abmag de te pencher sur ma recherche du Graal

Je cherche simplement la possibilité que la case "Images chargées progressivement (lazyload)" du bouton "media" sous tinyMCE soit décoché.
Je veux rester avec les fonctionnalités de base de Joomla. Comme le dit Pascal, je fais des allergies à JCE.
J'aime bien un code le plus propre possible. Même si UP pourrait faire croire le contraire, je préfère relire un article avec des shortcodes visibles plutôt que des balises HTML cachées.

[lomart]

Le problème vient de la version de tinymce utilisée dans Joomla 4 : on est maintenant en 5.10.3 alors que JCE semble utiliser sur une version 4.x.

Pourtant, si j'en crois les skins utilisés, on est sur la version 5 : https://skin.tiny.cloud/t5/
Mais rentrer dans le code de TinyMCE n'est pas évident

[pmleconte]

.....Je cherche simplement la possibilité que la case "Images chargées progressivement (lazyload)" du bouton "media" sous tinyMCE soit décoché.....

La case est cochée dans media/system/js/fields/joomla-media-select.js en ligne 463. C'est codé en dur, donc adaptation/customisation impossible.

<input class="form-check-input" type="checkbox" id="${this.parentId}-lazy" checked>

Pascal