정말 감사합니다.
!important가 무엇인지 모르지만 동작은 하고, 끝에 있는 ..은 크게 중요하지 않은 것 같습니다 ![]()
이제 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>
첫 번째 스크립트는 아이콘이나 아바타 썸네일과 같은 사이트의 다른 이미지에서 컨텍스트 메뉴를 비활성화하는 것 같습니다.
두 번째 스크립트는 게시물의 이미지와 라이트박스에서 작동합니다.