티스토리 포스팅 코드블럭만 드레이그 및 복사 허용하는 방법

 

안녕하세요 연태흠 입니다.

티스토리 포스팅을 하다보면 직접 입력하기는 힘들고 원하는 복사해야할 내용을

쉽게 드레이그 해서 복사를 허용하게 해주는 방법에 대해서 알아보겠습니다.

 

 

---

 

목차

 

---

환경

OS : Windows 11 Pro 23H2

 

 

티스토리 설정하기

 

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

 

 

맨 아래에 아래와 같이 코드를 붙어 넣어주신 후 적용 눌러주시면 됩니다.

 

 

 

다른 웹페이지로 들어가서 코드블럭 부분만 드레이그하여 복사가 가능한것이 확인 되면

정상 적용 된 것 입니다.

 

마치며

 

코드 블럭만 드레이그 가능하도록 설정 하는 방법에 대해서 알아봤는데요 :)

다음에는 코드 블럭에 복사가 가능하도록 하는 방법도 알아 보겠습니다.

 

 

---

하단에 로그인이 필요없는 하트는 저에게 큰 힘이 됩니다 :)

 

taeheum.tistory.com

연태흠