안녕하세요.

오늘은 '티스토리 특정 영역 드래그, 복사 허용 하기'에 대해서 포스팅 하겠습니다.

간혹가다 정성스럽게 써놓은 포스팅을 복사하여 그대로 붙여서 포스팅하는 분들이 있어서

마우스 우클릭 금지는 필수인것 같긴한데요.


프로그래밍 블로그나 정보 제공에 목적에 있는 블로그들은

드래그 및 복사는 필수적으로 허용되어야 한다고 생각합니다.

하지만 전체적으로 허용하다고면 블로그 체류시간이 줄어들까 걱정되긴 합니다.

이에 특정 부분만 드래그 및 복사 허용이 가능한지 알아보았습니다.

포스팅시작하겠습니다.





저희는 소스크도르 마우스 오른쪽 클릭 방지를 구현할 것이므로

블로그 플러그인 설정 부분에서

'마우스 오른쪽 클릭 방지' 플러그인을 해제해 주세요.

꼭 해제를 하셔야 합니다.



현재 작성되어있는 저의 블로그 입니다.

스킨편집의 CSS를 수정하겠습니다.

CSS 편집창에가서 맨 아랫줄의 다음의 코스를 추가해주세요.


/* 마우스 우클릭 드래그 금지 */

code{
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
.code{
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
.txc-textbox{
-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;
}


위의 코드가 복사가 제대로 안되시면 컨트롤 + A로 전체선택으로 해주세요

간략하게 설명 드리겠습니다.

먼저 body 부분은 블로그 본문에 대한 드래그 및 복사를 금지시키는 코드입니다.

그리고 code, .code, .txc-textbox 이부분이 특정 영역의 드래그 및 복사를 허용시키는 코드 입니다.



.code는 css중 code의 클래스를 의미하는 것 입니다.


점(.)이 붙어있는 것은 클래스 선택자이며

점(.)이 없는 것은 태그 선택자 입니다.

txc-textbox를 의미하는 클래스는 아래의 박스 입니다.

이 안의 글은 복사가 됩니다.

코드를 잘 모르는분들이 작성하실때는

HTML 편집에 가셔서 <code> </code>를 작성하시고

태그 사이에 내용을 기재하시면 됩니다.


모두 즐거운 하루 보내세요.

* 포스팅을 하고 봤는데.. 여러줄에 대한 복사가 잘 이루어지지 않는것 같네요.

  제 블로그가 옛날 블로그여서 잘안되는것 같습니다.

블로그 이미지

Mr.mandu

좋은 정보 공유해요.

,