[CSS] 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기
페이지 정보
shadow2fox
1,123 2 2
2021.06.22 06:44
짧은주소
-
https://yadolee.com/tip/899 주소복사
평점
본문
📝 구문(코드) 강조 Prism.js에서 첫 라인이 빈칸으로 추가되는 문제 해결하기
첫 라인(줄)이 빈칸으로 표시되는 문제를 해결하기 위해 스크립트와 스타일을 이용하는 방법이 있지만 스크립트는 로딩된 후 적용됨으로 바로 적용되는 스타일을 이용해 보자.
참고로 Prism.js에서 제공하는 스크립트 방식인 Remove initial line feed 혹은 Normalize Whitespace 플러그인을 이용하면 약간의 딜레이 후 적용되게 되며 특히 Normalize Whitespace 플러그인은 원치 않는 코드 구문을 만들기도 했었다.
그누보드5/eyoom/theme/설치된 테마/skin/board/게시판 스킨/view.skin.html 을 열어 <style></style> 사이에 추가한다.
참고로 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
레벨 142
경험치 3,034,326
Progress Bar 73%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.
-
1 [짤방 게시판] 토키짱 - 주간 플레이보이 2024 No.102024-04-23
-
1 🔞[짤방 게시판] 야마사키 마미 - 주간 플레이보이 2024 No.102024-04-23
-
[짤방 게시판] 이케다 레이라 - 주간 플레이보이 2024 No.102024-04-23
-
1 [짤방 게시판] 이리키 마리 - 주간 플레이보이 2024 No.102024-04-23
-
[뮤직 비디오 게시판] November Rain - Guns N' Roses [Use Your Illusion I] 1991년2024-04-22
-
[뮤직 비디오 게시판] Sweet Child O' Mine - Guns N' Roses [Appetite for Destruction] 1987년2024-04-21
-
1 [짤방 게시판] 타카츠루 모모하 - 주간 플레이보이 2024 No.102024-04-20
-
1 [짤방 게시판] 사쿠라기 코코나 - 주간 플레이보이 2024 No.102024-04-20
-
[생활 정보] 100원이 넘는 적립 금액은 최초이지 않나 싶네요 고생하셨습니다{이모티콘}2024-04-23
-
[자유 게시판] 부활 곡에 잘 어울릴 듯 한 보이스 컬러네요 동감입니다2024-03-31
-
[생활 정보] 80원의 행복이네요{이모티콘}2024-03-21
-
[자유 게시판] 같은 의견이에요2024-03-14
-
[자유 게시판] 다시 봐도 감동입니다{이모티콘}2024-03-11
-
[자유 게시판] 제가 라이브 시청을 하지 않아야 대활약을 해서 손흥민 선수를 위해 안타깝지만 자제 중입니다{이모티콘} 반더벤 또한 너무 잘하지 않았나 싶었네요2024-03-03
-
[자유 게시판] 하늘구장님 늘 감사드리며 마음을 담아 새해 인사를 전합니다 새해 복 많이 받으세요2024-02-09
-
[이슈와 관심] 최소 누군가는 가학 대통령으로 기억할 것 같습니다2024-01-29
댓글2
내사랑님의 댓글
간단하면서도 아주 유용한 팁이네요 약속을 지켜 주시는 영자님 최고
하늘구장님의 댓글
은근 신경 쓰이던 문제점인데 이렇게 간단할 수가 감사합니다
축하합니다. 첫 댓글로 5경험치를 획득하였습니다.