본문 바로가기
passiveincome 패시브인컴

티스토리 글쓰기 본문 특정 영역만 드래그 잠금 해제하는 방법

by 러빈. 2020. 12. 1.
728x90

 

안녕하세요

티스토리를 잘하고 싶은 러빈입니다!

 

우리 모두는 고유의 저작권을 가지고 있고 법 아래 통치를 받고 있긴 하지만

사건이 발생하기 전에 미리미리 방지를 해 두는 것이 최선책이라 생각이 듭니다.

 

티스토리 글쓰기 역시 개인의 창작물이라 생각을 하는 1인이기에

저도 드래그 잠금(마우스 오른쪽 클릭 방지)을 해 두었어요!

 

포스팅을 하다 보면 유입된 유저가

나의 포스팅을 드래그 해야 할 상황이 발생하는데요,

저처럼 드래그 잠금을 해두면 참 곤란해지는 것 같아요!

 

그래서 오늘은 "특정영역만 드래그 하는 방법"을 포스팅 해겠습니다!'◡'✿

 

 

 

 

이부분만 드래그가 가능해요 🤞🏻

 

 

 

티스토리 플러그인_마우스 오른쪽 클릭 방지 해재

 

 

 

 

티스토리 왼쪽 카테고리에서 "플러그인" 클릭 → "마우스 오른쪽 클릭 방지" 클릭 👆🏻

 

 

 

 

 

 

마우스 오른쪽 클릭 방지 "해재" 클릭 👆🏻

 

 

 

 

 

 

꾸미기 → 스킨편집 → html 편집 👆🏻

 

 

 

               

 

 

CSS 클릭 👆🏻

 

 

 

 

 

 

✨ CSS 가장 마지막단에 해당 코드 입력!

 

 

 

티스토리 특정영역 복사 허용 코드

 

/*오른쪽 마우스 클릭 금지 및 특정 영역 복사 허용*/

code {

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

}

/*오른쪽 마우스 클릭 금지 및 특정 영역 복사 허용 끝*/

 

 

 

<code> 와 </code> 입력으로 특정부분 드래그 허용 설정하기!

 

 

 

상기 스크린샷처럼 "기본모드" 클릭 → "HTML 모드" 로 변경!

 

 

 

 

⭐ HTML 편집모드에서 <code> </code>를 입력하세요!

<code> 스크럽을 허용하고 싶은 문구를 입력하세요 </code>

👇🏻 <code> </code> 입력 결과 👇🏻

스크럽을 허용하고 싶은 문구를 입력하세요! 이 부분만 스크럽이 허용됩니다!

 

 

 

입력한 <code>와 <body>의 뜻은?

"플러그인"에서 "마우스 오른쪽 클릭 방지 해제" 입력 후 " CSS 모드에서 <code> 와 <body> 소스코드를 입력 하였는데요,

<code>는 <code> "영역 안에 있는 글이나 소스코드 복사를 허용한다!" 라는 의미이고

<body>"마우스 오른쪽 클릭, 드래그 금지"를 설정해 둔 것 입니다.

즉, "플러그인"에서 "마우스 오른쪽 클릭 방지 해제"를 했기 때문에 소스 코드를 통해 드래그 금지를 재설정 한 것입니다

 

*참고 

text : 텍스트 선택 가능

none : 텍스트 선택 안함

auto : 디폴트 값으로 브라우저에서 허용할 경우에만 텍스트 선택

all : 클릭으로 텍스트를 선택 

 

 

.

.

 

 

소중한 나의 시간을 들인 본인의 창작물은 일차적으로 스스로 먼저 도용 방지를 해야

추후 큰 피해를 막을 수 있다고 생각합니다!

 

특정 영역만 드래그를 허용하기 위해선 CSS모드에서 특정 드래그방지 코드를 입력해주어여 하고

드래그를 허용하는 특정 부분은 HTML모드에서 다시 허용코드를 입력해주어야 하는

다소 공수가 드는 일이지만 티스토리를 계속 하실 분이라면

한번쯤은 이 과정을 꼭 거쳐야 한다고 생각해요!

 

 

오늘도 저의 포스팅을 봐주셔서 감사합니다.

 

덧붙여야할 설명이 있거나 문의사항이 있으면 댓글주세요:))

 

그럼 안녕!💖

 

 

 

댓글