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

페이지 정보

shadow2fox shadow2fox 1,482 2 2 2021.06.22 23:22:42

짧은주소

  • 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
  • 012i1052u
    내사랑
  • skyfield4u
    하늘구장
shadow2fox
10
shadow2fox - 회원등급 : 자연／Level 147 - 포인트 : 2,606,466
레벨 147
경험치 3,222,583

Progress Bar 7.45%

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

댓글2

내사랑님의 댓글

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

하늘구장님의 댓글

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

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

Total 758 건｜5／38 페이지
 태그
제목 글쓴이 날짜 조회 추천
그누•영카트  댓글+2개🏆 그누보드(영카트) 5.4.9 shadow2fox 2021.06.25 1,339 1
이윰  댓글+4개🏆 📸 유튜브 썸네일 생성 개선하기 루루아빠 2021.06.24 3,755 3
JavaScript  댓글+2개🏆 🚩 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,483 2
CSS  댓글+2개🏆 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,385 2
이윰  댓글+2개🏆 글, 댓글 작성시 불필요한 앞뒤 공백 제거해 DB에 저장하기 shadow2fox 2021.06.21 1,481 2
JavaScript  댓글+1개🏆 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거 shadow2fox 2021.06.20 1,081 1
그누•영카트  🏆 그누보드(영카트) 5.4.8 shadow2fox 2021.06.18 1,057 0
그누•영카트  🏆 그누보드(영카트) 5.4.7 shadow2fox 2021.06.18 2,010 0
그누•영카트  댓글+4개🏆 그누보드 5.4.6 (영카트 포함) shadow2fox 2021.06.18 1,437 2
이윰  댓글+3개🏆 첨부 이미지 alt 속성 값 게시글 제목으로 보여주기 shadow2fox 2021.06.11 1,401 2
이윰  댓글+3개🏆 게시글 검색 단위에 맞는 메뉴 추가하기 shadow2fox 2021.05.18 2,016 2
그누•영카트  🏆 영카트 5.4.5.5.1 shadow2fox 2021.05.18 1,181 0
그누•영카트  댓글+1개🏆 영카트 5.4.5.5 shadow2fox 2021.05.18 1,406 0
그누•영카트  댓글+2개🏆 그누보드 5.4.5.5 shadow2fox 2021.05.18 1,585 2
그누•영카트  댓글+5개🏆 인기 검색어 특정 게시판 제외, 회원 아이디 제외, 회원의 검색어만 저장 shadow2fox 2021.05.13 7,333 2
이윰  댓글+2개🏆 글 작성 시 alt 태그 게시글 제목으로 DB에 저장하기 shadow2fox 2021.05.05 1,752 2
그누•영카트  🏆 영카트 5.4.5.4 shadow2fox 2021.05.04 1,539 0
그누•영카트  댓글+2개🏆 그누보드 5.4.5.4 shadow2fox 2021.05.04 1,618 2
그누•영카트  🏆 영카트 5.4.5.3 shadow2fox 2021.04.05 1,289 0
그누•영카트  댓글+2개🏆 그누보드 5.4.5.3 shadow2fox 2021.04.05 1,641 2
 태그
다음 페이지
이전 페이지

🏆 게시글 랭킹 탑10

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