티스토리 드래그 복사 가능하게 만들기

티스토리 블로그 본문에서 소스나, 명령어를 마우스로 드래그해서 복사, 붙혀넣기 하면 참편한데요. 본문 전체보다 특정영역에 대해서만 적용이되도록 하는 방법에 대해 설명드리겠습니다. 

 

마우스 드래그 금지 

블로그 게시글에서 마우스드래그 해서 복사하는것을 방지하기 위해서는 tistory 관리자 메뉴 > 플러그 > 마우스오른쪽 버튼 선택 방지 '사용'으로 하면 됩니다. 

적용하면, 마우스 오른쪽 선택을 해도 활성화 되지 않습니다. 

마우스 드래그후 복사가능

본문 일부만 드래그 / 마우스 오른쪽 버튼 사용 금지

이렇게 본문은 복사 방지가 잘 설정이 되었지만, 포스팅 하는 글중 html소스라던가, cmd명령어 등 게시를 했을때 

오히려 이부분은 드래그를 반드시 허용을 해줘야합니다. 

그래야 복잡한 소스타이핑으로 오타가 발생하는 등의 오류를 최소화 할수있기때문입니다. 

본문에서 특정부분을 마우스 드래그 허용하기 위해서는 본문을 작성하고,  html  편집모드에서 

<code> ~~ </code>로 허용하고싶은 부분만 묶어주면 됩니다. 

 

드래그를 허용하는 CSS수정하기

위에서 <code>허용하고싶은부분</code>라고 설명을 했는데요. 

티스토리 기본으로 적용이 되어 있는게 아니기때문에 이부분에 대한 코드를 입력해야합니다. 

위치는 CSS편집(스킨편집메뉴>스핀편집>html 편집>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;
}

----------------------------------------------

 

html편집 아니고 css편집 입니다. 

 

이상으로 티스토리에서 본문중에서 일부 특정부분에 대한 마우스 드래그 허용하는 방법에 대해 설명드렸습니다.