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

페이지 정보

shadow2fox 1,123 2 2 2021.06.22 06:44

평점

  • - 평점 : 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
  • 내사랑
  • 하늘구장
10
shadow2fox - 회원등급 : 자연/Level 142 - 포인트 : 2,539,573
레벨 142
경험치 3,034,326

Progress Bar 73%

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

댓글2

내사랑님의 댓글

내사랑 2021.06.22 22:06

간단하면서도 아주 유용한 팁이네요 약속을 지켜 주시는 영자님 최고

하늘구장님의 댓글

하늘구장 2021.06.22 20:29

은근 신경 쓰이던 문제점인데 이렇게 간단할 수가 감사합니다

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