アップロード画像すべてにウォーターマーク

いくつかの実験の後、透かしに対する一時的な「解決策」を見つけました。:partying_face:

もしかしたら他の人にも役立つかもしれないので、私の回避策を共有したいと思います。お役に立てれば幸いです。:smiling_face_with_three_hearts:

  1. まず、別のサブドメインに Chevereto(無料版)をインストールします。
    (非常に簡単です。installer.php ファイルをサーバーにアップロードし、ページを開いてセットアップ手順に従うだけで、数分で完了します):kissing_heart:

  2. 無料版でも透かし機能がサポートされています。ダッシュボードの画像アップロード設定で設定できます。

また、ダッシュボードで画像の最大幅と高さを設定することもできます。これにより、アップロードされた大きな画像は自動的にリサイズされます。

  1. Chevereto プラグイン(スクリプト)を Discourse の <head> タグに追加します。
    <script async src="https://img.example.com/sdk/pup.js" data-url="https://img.example.com/upload"></script>

  2. Discourse はもはや i タグの Font Awesome アイコンをサポートしていないようですので、JavaScript を以下のように修正する必要があります。
    <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. 設定が正しければ、Discourse エディタにクラウドアップロードアイコンが表示されます。

  4. 新しいアイコンをクリックし、ポップアップウィンドウに画像をドラッグ&ドロップすると、自動的にアップロードされ、透かし付きのコードがエディタに貼り付けられます。:partying_face:

  5. 現在はデスクトップで完璧に動作しています。しかし、スマートフォンにアイコンを追加する方法についてはまだ検討中です。:thinking: もし方法が見つかったら、この投稿を更新します。

これはあくまで一時的な解決策であり、完璧ではありませんが、数分で簡単に実現できます。将来的には、Discourse がコア機能またはプラグイン/TC を通じて透かし機能を追加してくれることを願っています。

「いいね!」 9