![]()
개요 그동안 블로그를 운영하며 별 고민 없이 콘텐츠를 무단으로 복사할 수 없도록 티스토리에서 제공하는 플러그인을 사용하여 마우스의 사용을 막아 놓았습니다. 하지만 가만히 생각해보니 제 블로그에 기록해 놓은 많은 코드 부분(이하 코드 블록)의 경우 사용하기 위해서는 Copy & Paste 작업이 필요한 것을 깨닫게 되었습니다. 최근 이를 위하여 코드블록에 대해서 마우스를 이용하여 선택을 할 수 있도록 변경하였습니다. 이번에는 여기에 더하여 코드블록의 오른쪽 상단에 복사를 할 수 있는 버튼을 추가하여 사용자가 직접 드래그 등의 추가 조작 없이 편리하게 해당 콘텐츠를 이용할 수 있도록 하는 기능을 추가하였습니다. 이번 포스트에서는 티스토리의 스킨을 편집하여 코드블록에 복사 버튼을 추가한 내용을 정리하겠습니다...
![]()
개요 제가 수행하는 업무와 관심사로 인하여 제가 작성하는 대부분의 포스트는 소스코드가 삽입되어 있습니다. 때문에 이를 조금이라도 보기 좋게 표시 해줄 수 있도록 구문 강조기능을 적용해 주었습니다.Prismjs는 구문강조(syntax highlighter) 기능을 사용할 수 있도록 해주는 JavaScript module입니다. 다음과 같이 차이가 발생합니다.c언어 문법강조 미적용 #include int main(void) { printf("hello world\n"); return 0; } c언어 문법강조 예시 #include int main(void) { printf("hello world\n"); return 0; } 티스토리 적용하기 스킨수정 참고 : PrismJs - Basic Usage티스토리의 ..
