Merci beaucoup.
Je ne sais pas ce que signifie !important, mais cela fonctionne, les points de suspension finaux ne semblent pas très importants ![]()
Voici comment le CSS et les scripts sont maintenant et nous obtenons le comportement souhaité : aucune des images du site ne peut être téléchargée en cliquant dessus avec le bouton droit de la souris et les liens de téléchargement dans la lightbox sont masqués.
Merci pour vos conseils.
CSS
.image-source-link
{
display: none !important;
}
Scripts de l’en-tête :
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("img").on("contextmenu", function(e) {
e.preventDefault();
});
});
</script>
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("body").on("contextmenu", ".cooked img, .mfp-figure, .lightbox-wrapper", function(e) {
e.preventDefault();
});
});
</script>
Le premier semble désactiver le menu contextuel sur d'autres images du site comme les icônes ou les miniatures d'avatar.
Le second fonctionne pour les images dans un post et la lightbox.