[JavaScript] Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기

페이지 정보

shadow2fox 1,147 2 2 2021.06.22 23:22

짧은주소

  • https://yadolee.com/tip/902 주소복사

평점

  • 평점 : 5점 (2명 참여)

본문

📝 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기
코드 구문 강조 Prism.js에서 Copy to Clipboard Button 플러그인을 추가해 사용할 경우 코드 복사 시 코드 본문 앞, 뒤 라인(줄)에 빈칸이 추가되는 증상이 있다면 아래와 같이 수정해 보자.

prism.js 파일을 열어 return o.textContent를 검색하여 다음과 같이 수정한다.

수정 전

{return o.textContent}
수정 후

{return o.textContent.trim()}
자바스크립트 JavaScript Prism.js prism 구문 코드 강조 syntax highlighter 플러그인 Plugins Copy to Clipboard Button 빈칸 추가 문제 해결하기
2
추천인 2
  • 내사랑
  • 하늘구장
10
shadow2fox - 회원등급 : 자연／Level 142 - 포인트 : 2,544,196
레벨 142
경험치 3,042,400

Progress Bar 92%

- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은 자기 자신에게 기회를 주는 것이다. - 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.

댓글2

내사랑님의 댓글

내사랑 2021.06.23 00:26
하루에 한 개 이상의 팁이 올라오길 기대하는 마음으로 저도 위 오류를 전혀 몰랐던 1인이지만 말끔하게 적용했습니다 감사해요

하늘구장님의 댓글

하늘구장 2021.06.22 23:45
방금 테스트 해 보니 정말 앞, 뒤에 빈칸이 복사되네요 역시 꼼꼼하세요 그리고 잘 작동하네요 감사합니다

축하합니다. 첫 댓글로 11경험치를 획득하였습니다.

Total 13 건｜1／1 페이지
 태그
제목 글쓴이 날짜 조회 추천
JavaScript  댓글+2개🏆 🚩 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,148 2
JavaScript  댓글+1개 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거 shadow2fox 2021.06.20 892 1
JavaScript  댓글+2개🏆 이미지 원본 크기로 보기 shadow2fox 2021.03.14 1,601 2
JavaScript  🏆 오프스크린 이미지(Offscreen Images) 지연하기 shadow2fox 2018.12.27 3,376 2
JavaScript  🏆 현재창 아이프레임 유무 확인 shadow2fox 2018.12.26 1,702 0
JavaScript  🏆 사용자의 브라우저를 검출하는 방법 shadow2fox 2018.08.22 1,819 0
JavaScript  🏆 반응형 테마에서 Theia Sticky Sidebar 사용시 레이아웃이 중첩되는 문제 해결하기 루루아빠 2017.04.22 2,423 0
JavaScript  🏆 gifplayer를 통해 동영상 재생시 오디오 문제 루루아빠 2016.08.06 2,628 0
JavaScript  🏆 모달창(Modal Window) backdrop(모달창 바깥 부분) 클릭시 모달창 닫지 않기 루루아빠 2016.05.06 3,410 0
JavaScript  🏆 특정 div의 내용을 일정 시간마다 새로고침하기 루루아빠 2016.03.20 14,832 1
JavaScript  🏆 마우스 오른쪽 버튼 사용시 경고 메세지 띄우기 루루아빠 2015.10.31 2,546 0
JavaScript  🏆 아이프레임 자동으로 갱신하기 루루아빠 2015.06.05 3,181 0
JavaScript  댓글+3개🏆 단축키로 페이지 이동 루루아빠 2015.05.28 4,068 0
 태그

🏆 게시글 랭킹 탑10

랭킹 포토 글내용 조회
1
특정 div의 내용을 일정 시간마다 새로고침하기
루루아빠 2016-03-20 06:24 		14,832
2
영카트 5.3.2.9
shadow2fox 2019-05-30 00:39 		11,655
3
button으로 유튜브 재생 및 정지 제어하기 댓글 +1개
루루아빠 2017-02-21 19:12 		9,579
4
jQuery를 이용한 링크 자동 클릭(auto click) 댓글 +2개
루루아빠 2015-06-27 02:19 		8,323
5
CKeditor 4.x 소스 보기시 자동으로 공백 태그( ) 추가되는 문제 해결하기 댓글 +1개
루루아빠 2016-05-20 21:53 		7,153
6
modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기
루루아빠 2015-07-16 00:05 		6,579
7
[PHP 7.2.x] count(): Parameter must be an array or an object that implements Countable 에러 해결하기 댓글 +1개
shadow2fox 2020-03-09 14:37 		6,506
8
그누보드 5.4.4 댓글 +2개
shadow2fox 2021-01-05 10:58 		6,337
9
영카트 5.0.41 패치
루루아빠 2015-07-13 14:53 		6,204
10
이윰빌더와 그누보드 패치시 수정할 파일들
루루아빠 2015-06-23 19:13 		6,107