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

짧은주소
-
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

레벨 147
경험치 3,222,583
Progress Bar 7.45%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.
-
[이슈와 관심] 미약하나마 동참했습니다2025-05-04
-
[생활 정보] 음 180원 다른 운을 기대해봐야겠네요2025-04-26
-
[생활 정보] 나라가 혼돈의 시기를 겪다 보니 봄을 만끽할 겨를 조차 느낄 수 없었네요 정보 감사합니다2025-04-07
-
[생활 정보] 새해 복 많이 받으십시오2025-01-31
-
[자유 게시판] 하늘구장님과 내사랑님 그리고 회원 여러분들 모두의 가정과 일터에 행복과 행운이 가득한 한 해가 되시길 진심으로 기원드립니다 새해 복 많이 받으세요2025-01-27
-
[훈훈과 감동 이야기] 반려자를 옛스럽고 정겹게 표현한 말이 옆지기라고 한다지요 함께 같은 방향을 바라보며 인생을 사는 것이 크나큰 행복이라 생각합니다2025-01-26
-
[이슈와 관심] 페이스북에서 iframe의 부모 페이지에 접근할 수 있도록 CORS(Cross-Origin Resource Sharing) 정책을 설정해줘야 하는 부분이라 이 오류를 해결할 순 없을 것 같습니다 꼼수라면 상단 맨 왼편 프로필 이미지 오른편 포스팅 시간에 마우스 호버를 하게 되면 말풍선이 뜨며 스크립트 오류가 일어나고 그로 인해 제어가 가능해 집니다 참고하세요2025-01-13
-
[생활 정보] 해마다 도움을 받습니다 올해도 감사함을 전합니다2025-01-10
댓글2
내사랑님의 댓글
하늘구장님의 댓글
축하합니다. 첫 댓글로 5경험치를 획득하였습니다.