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

페이지 정보

shadow2fox 1,171 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 143 - 포인트 : 2,548,739
레벨 143
경험치 3,051,915

Progress Bar 15%

- 가입일 : 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 748 건｜4／38 페이지
 태그
제목 글쓴이 날짜 조회 추천
JavaScript  댓글+2개🏆 🚩 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,172 2
이윰  댓글+2개🏆 이윰빌더 짧은주소를 그누보드 짧은주소로 교체하기 shadow2fox 2021.08.26 1,500 2
이윰  댓글+4개🏆 태그 앞과 뒤 공백 제거하기 shadow2fox 2019.06.25 2,194 2
그누•영카트  댓글+2개🏆 그누보드(영카트) 5.4.11 (webp 파일 지원) shadow2fox 2021.07.20 1,039 2
그누•영카트  댓글+2개🏆 그누보드(영카트) 5.4.13 shadow2fox 2021.07.28 1,247 2
이윰  댓글+3개🏆 출석체크 점수 경험치로 부여하기 루루아빠 2019.08.11 2,502 2
그누•영카트  댓글+2개🏆 그누보드(영카트) 5.4.13.1 shadow2fox 2021.07.28 1,250 2
그누•영카트  댓글+2개🏆 그누보드(영카트) 5.4.15 shadow2fox 2021.08.18 1,162 2
그누•영카트  댓글+3개🏆 그누보드(영카트) 5.4.15.1 shadow2fox 2021.08.19 1,293 2
이윰  댓글+5개🏆 네이버TV 올바르게 적용하기 shadow2fox 2019.10.12 2,311 2
그누•영카트  댓글+2개🏆 그누보드(영카트) 5.4.16 shadow2fox 2021.09.24 1,166 2
이윰  댓글+3개🏆 페이스북(facebook) 동영상 올바르게 적용하기 shadow2fox 2019.10.14 2,300 2
그누•영카트  댓글+2개 그누보드(영카트) 5.4.17 shadow2fox 2021.10.19 996 2
그누•영카트  댓글+4개🏆 📸 5.3.3.3 버전 에서 5.4.1 정식버전으로 패치 shadow2fox 2019.12.03 2,253 2
그누•영카트  댓글+1개 그누보드(영카트) 5.4.21 shadow2fox 2022.01.11 618 2
그누•영카트  댓글+4개 그누보드(영카트) 5.5.1 (이니시스 통합인증[간편인증] 추가) shadow2fox 2022.02.17 973 2
그누•영카트  댓글+2개 그누보드(영카트) 5.5.2 shadow2fox 2022.02.23 745 2
그누•영카트  댓글+1개🏆 그누보드 5.4.1.5 shadow2fox 2020.01.31 1,693 2
그누•영카트  댓글+1개 그누보드(영카트) 5.5.5 shadow2fox 2022.04.08 478 2
그누•영카트  댓글+2개🏆 그누보드 5.4.1.8 shadow2fox 2020.02.05 2,591 2
 태그

🏆 게시글 랭킹 탑10

랭킹 포토 글내용 조회
1
특정 div의 내용을 일정 시간마다 새로고침하기
루루아빠 2016-03-20 06:24 		14,876
2
영카트 5.3.2.9
shadow2fox 2019-05-30 00:39 		11,678
3
button으로 유튜브 재생 및 정지 제어하기 댓글 +1개
루루아빠 2017-02-21 19:12 		9,641
4
jQuery를 이용한 링크 자동 클릭(auto click) 댓글 +2개
루루아빠 2015-06-27 02:19 		8,353
5
CKeditor 4.x 소스 보기시 자동으로 공백 태그( ) 추가되는 문제 해결하기 댓글 +1개
루루아빠 2016-05-20 21:53 		7,193
6
modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기
루루아빠 2015-07-16 00:05 		6,602
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,539
8
그누보드 5.4.4 댓글 +2개
shadow2fox 2021-01-05 10:58 		6,363
9
영카트 5.0.41 패치
루루아빠 2015-07-13 14:53 		6,224
10
이윰빌더와 그누보드 패치시 수정할 파일들
루루아빠 2015-06-23 19:13 		6,130