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

페이지 정보

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

본문

📝 구문(코드) 강조 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 148 - 포인트 : 2,621,329
레벨 148
경험치 3,268,048

Progress Bar 10.47%

- 가입일 : 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 764326 페이지

제목 글쓴이 날짜 조회 추천
이윰  댓글+2 Prism.js 플러그인 사용 시 HTML 주석 처리가 삭제되는 문제 해결하기 shadow2fox 2022.04.24 931 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.5.6 이니시스 통합인증(간편인증) 사용시 필수 패치 shadow2fox 2022.04.20 1.2k 3
그누•영카트  댓글+1 그누보드(영카트) 5.5.5 shadow2fox 2022.04.08 763 2
그누•영카트  댓글+1 그누보드(영카트) 5.5.4 shadow2fox 2022.03.22 798 1
그누•영카트  그누보드(영카트) 5.5.3.1 (아이핀 사용시 오류 수정) shadow2fox 2022.03.08 713 0
그누•영카트  댓글+1 그누보드(영카트) 5.5.3 (구글 쇼핑 피드 추가) shadow2fox 2022.03.05 981 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.5.2 shadow2fox 2022.02.23 1.2k 2
그누•영카트  댓글+4🏆 그누보드(영카트) 5.5.1 (이니시스 통합인증[간편인증] 추가) shadow2fox 2022.02.17 1.3k 2
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.22 shadow2fox 2022.01.18 1.2k 1
그누•영카트  댓글+1 그누보드(영카트) 5.4.21 shadow2fox 2022.01.11 949 2
그누•영카트  댓글+1 그누보드(영카트) 5.4.20 shadow2fox 2021.12.23 932 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.19 shadow2fox 2021.12.10 1.9k 1
PHP  댓글+2🏆 PHP 8.1.0 이용 시 그누보드 visit 관련 DB에서 MYSQL PHP Fatal error 루루아빠 2021.11.26 2.3k 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.18 shadow2fox 2021.10.26 1.3k 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.17 shadow2fox 2021.10.19 1.3k 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.16 shadow2fox 2021.09.24 1.6k 2
이윰  댓글+7🏆 유튜브 플레이리스트(playlist) 썸네일 추출과 올바르게 적용하기 shadow2fox 2021.09.01 3.2k 3
이윰  댓글+2🏆 이윰빌더 짧은주소를 그누보드 짧은주소로 교체하기 shadow2fox 2021.08.26 2.0k 2
그누•영카트  댓글+3🏆 그누보드(영카트) 5.4.15.1 shadow2fox 2021.08.19 1.8k 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.15 shadow2fox 2021.08.18 1.4k 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.14 shadow2fox 2021.08.11 1.3k 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.13.1 shadow2fox 2021.07.28 1.6k 2
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.13 shadow2fox 2021.07.28 1.7k 2
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.12 shadow2fox 2021.07.21 1.3k 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.11 (webp 파일 지원) shadow2fox 2021.07.20 1.3k 2
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.10 shadow2fox 2021.07.01 1.2k 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.9 shadow2fox 2021.06.25 1.4k 1
이윰  댓글+4🏆 📸 유튜브 썸네일 생성 개선하기 루루아빠 2021.06.24 3.9k 3
JavaScript  댓글+2🏆 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기 shadow2fox 2021.06.22 1.6k 2
CSS  댓글+2🏆 🚩 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기 shadow2fox 2021.06.22 1.6k 2