Filigrane sur toutes les images téléchargées

Contribuer Fonctionnalité
1

Chers tous les développeurs de Discourse,

Je tiens à remercier tous les développeurs de Discourse pour leur excellent travail ayant permis de créer le meilleur forum au monde. :smiling_face_with_three_hearts: Personnellement, j’ai utilisé d’autres logiciels, tels que Discuz et Buddyboss (Wordpress), pour créer plusieurs forums au cours des 10 dernières années ; aucun n’est aussi formidable que Discourse.

La seule fonctionnalité qui me manque dans Discourse est celle du filigrane. Ce serait parfait si Discourse prenait en charge le filigrane sur toutes les images téléchargées. Cela n’a pas besoin d’être extrêmement compliqué, comme certains autres utilisateurs l’ont suggéré sur ce forum. (Je comprends pourquoi les développeurs ont ignoré cette demande, car elle est tout à fait irréaliste.)

À mon avis, une fonctionnalité de filigrane très simple suffirait. Ajouter une icône ou du texte sur chaque image téléchargée permettrait simplement de faire savoir que l’image provient de mon forum lorsque quelqu’un partage (ou vole) vos images sur un autre site ou une autre plateforme.

Personnellement, j’ajoute toujours moi-même un filigrane avant de télécharger une image sur le forum. Cependant, de nombreux membres de la communauté ne souhaitent pas le faire eux-mêmes, surtout lorsqu’ils publient une image depuis un smartphone ; ils espèrent que le forum l’ajoutera automatiquement.

Je comprends que Discourse ait été conçu à l’origine davantage pour un forum basé sur le texte plutôt que pour un forum comportant de nombreuses images, comme un forum de photographie. Mais grâce à de nombreuses excellentes extensions et configurations disponibles, je peux créer un forum orienté vers la photo avec Discourse de manière satisfaisante.

Je recommande d’ajouter une zone de téléchargement d’image de filigrane dans
/admin/site_settings/category/branding

2020-12-30_035510
2020-12-30_035510612×179 6.07 KB

Et d’ajouter un bouton de sélection dans
/admin/site_settings/category/files
2020-12-30_042258

Ainsi qu’un menu déroulant pour la position du filigrane, similaire à :

2020-12-30_042407
2020-12-30_042407585×212 9.32 KB

Ensuite, cela suffira amplement. Pas besoin d’autres fonctionnalités sophistiquées.
D’autres fonctionnalités, comme le redimensionnement, l’opacité, la sauvegarde de l’image originale, etc., sont excellentes mais non nécessaires.

Enfin, je tiens à remercier tous les développeurs de Discourse pour leur travail acharné continu.
Merci et bonne année ~! :kissing_heart:

7 « J'aime »
2

Merci, Jacky. Cela ressemble à un plugin intéressant pour quelqu’un qui souhaite expérimenter. Cependant, je ne pense pas que nous en fassions une fonctionnalité principale, mais le cœur du système peut certainement aider à faciliter le développement du plugin.

Si vous avez un budget, je vous recommande de poster dans Marketplace. Mon estimation est qu’un prototype minimal de plugin (avec une configuration minimale – fourniture de texte uniquement) prendrait environ 1 à 2 jours à développer.

L’ajout d’un filigrane par superposition d’images pourrait prendre un peu plus de temps pour être correctement mis en œuvre.

12 « J'aime »
3

Après quelques essais, j’ai trouvé une solution temporaire pour le filigrane. :partying_face:

Au cas où d’autres seraient intéressés, je souhaite partager mon contournement. J’espère que cela pourra aider. :smiling_face_with_three_hearts:

  1. Tout d’abord, j’installe Chevereto (gratuit) sur un autre sous-domaine.
    (C’est très simple : il suffit de télécharger le fichier installer.php sur le serveur, d’ouvrir la page et de suivre la configuration. Cela prend quelques minutes.) :kissing_heart:

  2. La version gratuite prend également en charge le filigrane. Vous pouvez le configurer dans les paramètres de téléchargement d’images du tableau de bord.

    2021-02-22_190424
    2021-02-22_190424746×485 17.8 KB

2021-02-22_190436
2021-02-22_1904361189×548 22.6 KB

Vous pouvez également définir la largeur et la hauteur maximales des images dans le tableau de bord, afin que toutes les grandes images téléchargées soient automatiquement redimensionnées.

  1. Ajoutez le plugin Chevereto (script) à la balise <head> de Discourse
    <script async src="https://img.example.com/sdk/pup.js" data-url="https://img.example.com/upload"></script>

  2. Discourse ne semble plus prendre en charge la balise i avec les icônes fa, alors j’ai dû modifier le JavaScript de :
    <i class="fa fa-cloud-upload d-icon d-icon-upload"></i>
    à :
    <svg class="fa d-icon d-icon-cloud-upload-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#cloud-upload-alt"></use></svg>

  3. Si tout est correctement configuré, une icône de nuage avec flèche de téléchargement apparaîtra dans l’éditeur de Discourse.

    2021-02-22_190904
    2021-02-22_190904717×183 12.9 KB

  4. Cliquez simplement sur la nouvelle icône, faites glisser et déposez l’image dans la fenêtre contextuelle : elle sera automatiquement téléchargée et le code sera collé dans l’éditeur avec le filigrane. :partying_face:

  5. Pour l’instant, cela fonctionne parfaitement sur ordinateur de bureau. Mais je cherche encore comment ajouter l’icône sur les smartphones. :thinking: Je mettrai à jour ce message si je trouve une solution.

Il s’agit simplement d’une solution temporaire, un contournement, loin d’être parfait, mais cela peut être mis en place facilement en quelques minutes. J’espère toujours que Discourse ajoutera le filigrane dans le cœur du système ou via un plugin / TC à l’avenir.

9 « J'aime »
4

Cela a l’air bien. Un composant de thème avec tout cela, ne laissant que l’installation de Chevereto comme étape manuelle, serait génial.

4 « J'aime »
5

J’ai légèrement modifié le code JavaScript du plugin Chevereto.

En changeant
sibling: ".upload.btn", siblingPos:"before",
en
sibling:".code.btn",siblingPos:"after",

Maintenant, l’icône s’affiche à la fois sur ordinateur de bureau et sur smartphone. :partying_face:

2 « J'aime »
6

J’adore ! A-t-il un plugin pour atteindre le même objectif ?

7

Il serait préférable qu’il y ait un composant pour ce filigrane.

2 « J'aime »
8

Quelqu’un peut-il me dire dans quel dossier les images sont enregistrées ?

L’une des façons dont j’aimerais les marquer en masse est d’exécuter un outil de retouche d’images externe.

9

Quelqu’un a-t-il réussi à réaliser cela avec la dernière version 3.2 de Discourse ?

10

C’est plutôt cool. Vous pourriez également être intéressé par ce Theme component

2 « J'aime »
11

J’ai essayé dans un composant de thème. Ce n’est qu’une preuve de concept, donc c’est basique. :smile:
Pour chaque téléchargement, un filigrane est appliqué automatiquement.

Sur le plan technique, tout comme Discourse prétraite les images avant le téléchargement (par exemple, la compression), cet outil fait de même avec le filigrane. Grâce à l’API et à la bibliothèque Uppy, le filigrane est facilement réalisable. :pray:

Faites-moi savoir si vous avez des fonctionnalités/personnalisations en tête que vous considéreriez comme un minimum. :slight_smile:

EDIT : Je publierai une version dès que j’aurai implémenté les paramètres de base.

14 « J'aime »
12

:heart: :heart: :heart:
Travail épique ! Faites-moi savoir si vous avez besoin de testeurs.

2 « J'aime »
13

Salut, est-ce que c’est prêt pour la production ? Je suis très intéressé.

1 « J'aime »
14

Dans quelle situation est-il approprié et légal d’imprimer un filigrane sur toutes les images ?

1 « J'aime »
15

est-ce prêt pour la production ?

16

Désolé, je suis un peu en retard. :sweat_smile:
Si vous êtes toujours intéressé, j’ai publié une TC ici : Watermark Image. Tout commentaire est le bienvenu !

7 « J'aime »