티스토리 특정 부분만 드래그 허용하는 방법 CSS 수정

드래그 컨트롤 방법

내가 정성 들여 작성한 블로그글을
사람들이 퍼가는 것이 싫지만
블로그에서 코딩과 관련한 글을 작성하게 되면
아무래도 코드 부분은 복사를 허용하는 것이
해당 글을 보시는 분에게 도움이 될 것입니다.

하여 이번엔 CSS 코드를 사용하여
인용문 부분의 드래그를 허용하는 방법에 대해
알아보도록 하겠습니다.

· 플러그인 확인

티스토리 플러그인에 있는
마우스 오른쪽 클릭 방지를 해제합니다.

· CSS 코드

스킨편집에 있는 CSS수정 페이지로
이동하여 아래 코드를 복사 후 붙여 넣기 합니다.

/*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;
}

· 마무리

해당 코드를 관리하시기 좋은 위치에
붙여 넣으시고, 적용 버튼을 잊지 말고 눌러주세요.

그럼 완료입니다.

CSS만으로 구현한 것이기 때문에
드래그가 허용된 부부에서 벗어나 드래그하게 되면
드래그가 가능하다는 허점이 있습니다.

참고하시기 바랍니다.