[티스토리] 특정 부분만 마우스 우클릭 및 드래그 허용하게 하는 방법

 

티스토리 운영을 하시면 소중한 여러분의 글에 도용, 불펌을 방지하기 위해 티스토리 플러그인 '마우스 오른쪽 클릭 방지' 기능을 사용하시는 분들이 많으실 거라 생각이 듭니다. 또는 스킨 편집을 통해 코드를 삽입하여 불펌을 방지하는 분들이 계실 거라 생각합니다.

 

하지만, 글을 작성하다보면 마음껏 퍼가시라고 공유하는 내용이 있을 수도 있는데 그럴 때면 드래그/복사 기능이 막혀있어 글을 읽으는 분들이 불편을 느낄 것입니다.

 

이번 글에서는 드래그/복사 기능 막으면서 특정 부분만 드래그/복사 기능을 허용하게 하는 방법을 알려드리겠습니다.

 

 

---

티스토리 특정 부분만 드래그/복사 허용

 

1. 플러그인 '마우스 오른쪽 클릭 방지' 해제하기

 

[블로그 관리] → [플러그인] → ['마우스 오른쪽 클릭 방지' 해제]

 

만약 플러그인 '마우스 오른쪽 클릭 방지' 기능을 사용 중 이시다면 해제해주세요.

 

 

2. 블로그 스킨 편집을 통해 코드 삽입

/*code pre 코드블럭 | blockquote 인용문 드래그 허용*/
code, pre, blockquote {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;user-select: text !important;
}
/*블로그 글 내용 드래그 금지*/
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}

 

[블로그 관리] → [스킨편집] → [html 편집] → [css에 코드 삽입]

 

블로그 스킨 편집을 통해 css 추가를 해줍니다. 해당 코드를 css 맨 밑이나 관리하기 쉬운 위치에 붙여넣으시고 적용하시면 됩니다.

 

저는 코드블럭과 인용문을 공유하기 쉽게 하기 위해 코드블럭과 인용문을 드래그/복사 허용 시켜주었습니다.

 

 

드래그/복사 허용한 부분 예시)

코드블럭 드래그/마우스 우클릭 허용

인용문 드래그/마우스 우클릭 허용

인용문 드래그/마우스 우클릭 허용

 

이처럼 코드블럭과 인용문만 드래그/복사를 허용해 주었습니다.

---

 

 

 

해당 방법은 css만으로 간단하게 구현했기 때문에 완벽하게 도용, 불펌 방지하지는 못합니다. 도용을 방지하게 위해서는 마우스 우클릭과 드래그를 완벽하게 막아야 합니다.

 

마우스 우클릭과 드래그를 막는 방법은 아래 링크를 통해서 확인하세요!

https://joyusung.tistory.com/10

티스토리 마우스 드래그 및 우클릭 금지 설정으로 불펌 방지하는 방법