[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

레벨 148
경험치 3,284,426
Progress Bar 47.36%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.
-
[뮤직 비디오 게시판] Without You - Air Supply [The Earth Is ...] 1991년2025-10-14
-
[뮤직 비디오 게시판] Making Love Out of Nothing at All - Air Supply [Greatest Hits] 1983년2025-10-14
-
2 [생활 정보] [3분차이] 법률 상식+22025-10-13
-
[좋은 생각] 살아가려면 늘 고만고만한 일상과 맞물려 돌아가는 소소한 성취에서 기쁨을 찾을 줄 알아야 한다2025-10-12
-
[좋은 생각] 비관론자 VS 낙관론자2025-10-12
-
[좋은 생각] 매일의 작은 노력이 쌓여 커다란 성과가 된다2025-10-12
-
[좋은 생각] 굳이 복수하지 마라2025-10-12
-
[좋은 생각] 우아한 거짓말2025-10-12
-
[이슈와 관심] 무릎을 탁 치게 만드는 과학적 접근법이네요2025-09-26
-
[자유 게시판] 그러게나 말입니다{이모티콘}2025-09-19
-
[자유 게시판] 루루맘은 실시간으로 아메리카 퍼스트 필드 경기장에서 직관하셨더랍니다 매년 이맘때면 미국에 비지니스 겸 여행 중이신데 솔트레이크시티가 주무대시라2025-09-19
-
[자유 게시판] 89세 나이시라 어쩌면 급작스러운 소식은 아니더라도 한없이 나약한 인간이기에 떠나는 이와 남겨진 이 나 또한 선택되어진다는 걸 깨닫게 됩니다.2025-09-17
-
[Web Server Tip] 저 또한 불편하단 느낌이 한동안 들었는데 막상 내려놓고 작업하니 시간이 소모될 뿐 문제될 건 없었습니다 차분하게 작업해 보세요{이모티콘}2025-09-10
-
[Web Server Tip] 패치할 양이 제법 많지만 그 기능을 사용하지 않더라도 충돌이 있다거나 하진 않았습니다 참고하세요2025-09-09
-
[이슈와 관심] 정경심 동양대 표창장 위조 판결 뒤집는 새로운 증거 나와 https://youtu.be/1ni0YkMIidM2025-08-13
-
[이슈와 관심] 외국 기사도 참고하셨음 좋겠습니다 {글}2025-07-18
댓글2
내사랑님의 댓글
하늘구장님의 댓글
축하합니다. 첫 댓글로 5경험치를 획득하였습니다.