投稿画像のダウンロードを防止する

製品サポート
36

どうもありがとう。
!important が何なのかは分かりませんが、うまくいきました。末尾の .. はあまり重要ではないようです :wink:

CSS とスクリプトは現在このようになっており、望ましい動作が得られています。サイト内の画像は右クリックでダウンロードできず、ライトボックス内のダウンロードリンクは非表示になります。
ご指導ありがとうございました。

CSS

.image-source-link
{
    display: none !important;
}

ヘッダー スクリプト:

<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>

最初の一つは、アイコンやアバターのサムネイルなど、サイト内の他の画像に対するコンテキストメニューを無効にするようです。

二つ目は、投稿内の画像やライトボックスで機能します。