[CSS] 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기

페이지 정보

shadow2fox shadow2fox 1,489 2 2 2021.06.22 06:44:30

평점

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

본문

📝 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기
첫 라인(줄)이 빈칸으로 표시되는 문제를 해결하기 위해 스크립트와 스타일을 이용하는 방법이 있지만 스크립트는 로딩된 후 적용됨으로 바로 적용되는 스타일을 이용해 보자.
참고로 Prism.js에서 제공하는 스크립트 방식인 Remove initial line feed 혹은 Normalize Whitespace 플러그인을 이용하면 약간의 딜레이 후 적용되게 되며 특히 Normalize Whitespace 플러그인은 원치 않는 코드 구문을 만들기도 했었다.

그누보드5/eyoom/theme/설치된 테마/skin/board/게시판 스킨/view.skin.html 을 열어 <style></style> 사이에 추가한다.


pre>code{margin-top:-1.5em;display:block}
추천인 2
  • 012i1052u
    내사랑
  • skyfield4u
    하늘구장
shadow2fox
10
shadow2fox - 회원등급 : 자연/Level 147 - 포인트 : 2,613,648
레벨 147
경험치 3,240,032

Progress Bar 47.02%

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

댓글2

내사랑님의 댓글

012i1052u
내사랑 2021.06.22 22:06
간단하면서도 아주 유용한 팁이네요 약속을 지켜 주시는 영자님 최고

하늘구장님의 댓글

skyfield4u
하늘구장 2021.06.22 20:29
은근 신경 쓰이던 문제점인데 이렇게 간단할 수가 감사합니다

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

Total 762326 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  댓글+1 그누보드(영카트) 5.5.5 shadow2fox 2022.04.08 729 2
그누•영카트  댓글+1 그누보드(영카트) 5.5.4 shadow2fox 2022.03.22 762 1
그누•영카트  그누보드(영카트) 5.5.3.1 (아이핀 사용시 오류 수정) shadow2fox 2022.03.08 663 0
그누•영카트  댓글+1 그누보드(영카트) 5.5.3 (구글 쇼핑 피드 추가) shadow2fox 2022.03.05 923 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.5.2 shadow2fox 2022.02.23 1,105 2
그누•영카트  댓글+4🏆 그누보드(영카트) 5.5.1 (이니시스 통합인증[간편인증] 추가) shadow2fox 2022.02.17 1,255 2
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.22 shadow2fox 2022.01.18 1,098 1
그누•영카트  댓글+1 그누보드(영카트) 5.4.21 shadow2fox 2022.01.11 908 2
그누•영카트  댓글+1 그누보드(영카트) 5.4.20 shadow2fox 2021.12.23 892 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.19 shadow2fox 2021.12.10 1,828 1
PHP  댓글+2🏆 PHP 8.1.0 이용 시 그누보드 visit 관련 DB에서 MYSQL PHP Fatal error 루루아빠 2021.11.26 2,263 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.18 shadow2fox 2021.10.26 1,256 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.17 shadow2fox 2021.10.19 1,255 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.16 shadow2fox 2021.09.24 1,536 2
이윰  댓글+7🏆 유튜브 플레이리스트(playlist) 썸네일 추출과 올바르게 적용하기 shadow2fox 2021.09.01 3,149 3
이윰  댓글+2🏆 이윰빌더 짧은주소를 그누보드 짧은주소로 교체하기 shadow2fox 2021.08.26 1,931 2
그누•영카트  댓글+3🏆 그누보드(영카트) 5.4.15.1 shadow2fox 2021.08.19 1,726 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.15 shadow2fox 2021.08.18 1,375 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.14 shadow2fox 2021.08.11 1,316 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.13.1 shadow2fox 2021.07.28 1,495 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.13 shadow2fox 2021.07.28 1,583 2
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.12 shadow2fox 2021.07.21 1,249 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.11 (webp 파일 지원) shadow2fox 2021.07.20 1,269 2
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.10 shadow2fox 2021.07.01 1,183 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.9 shadow2fox 2021.06.25 1,401 1
이윰  댓글+4🏆 📸 유튜브 썸네일 생성 개선하기 루루아빠 2021.06.24 3,839 3
JavaScript  댓글+2🏆 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,585 2
CSS  댓글+2🏆 🚩 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,490 2
이윰  댓글+2🏆 글, 댓글 작성시 불필요한 앞뒤 공백 제거해 DB에 저장하기 shadow2fox 2021.06.21 1,589 2
JavaScript  댓글+1🏆 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거 shadow2fox 2021.06.20 1,148 1