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

페이지 정보

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

평점

  • 평점 : 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
  • 012i1052u
    내사랑
  • skyfield4u
    하늘구장
shadow2fox
10
shadow2fox - 회원등급 : 자연/Level 147 - 포인트 : 2,613,615
레벨 147
경험치 3,239,802

Progress Bar 46.49%

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

제목 글쓴이 날짜 조회 추천
이윰  🏆 이윰빌더 1.1.6 패치 루루아빠 2015.06.23 3,681 0
이윰  🏆 Eyoom Builder 1.3.14 패치 루루아빠 2017.12.17 3,677 0
그누•영카트  🏆 영카트 5.0.35 패치 루루아빠 2015.06.01 3,659 0
제로  🏆 선택한 게시글은 목록 제목에서 진하게 표시하기 루루아빠 2006.05.29 3,657 0
이윰  🏆 짧은 글 주소에 댓글에 표시되지 않는 버그 패치 루루아빠 2015.06.08 3,653 0
기타  🏆 Font Awesome 4.7.0 - Web Application, Directional 루루아빠 2017.11.20 3,644 0
이윰  댓글+1🏆 최신글 랜덤으로 뽑기 루루아빠 2015.06.29 3,642 0
그누•영카트  🏆 그누보드 5.0.37 패치 루루아빠 2015.06.23 3,641 0
이윰  댓글+1🏆 디바이스에 따른 내용 보이기 숨기기 루루아빠 2015.03.20 3,621 0
에디터  댓글+1🏆 CKEditor 4.x 에서 i 태그(Font Awesome) 사라지는 문제 해결하기 루루아빠 2017.02.25 3,615 1
JavaScript  🏆 모달창(Modal Window) backdrop(모달창 바깥 부분) 클릭시 모달창 닫지 않기 루루아빠 2016.05.06 3,611 0
이윰  댓글+2🏆 쪽지 보낼때 캡챠코드 사용하지 않기 - 오류 루루아빠 2015.09.24 3,603 0
그누•영카트  🏆 영카트 상품 증가 감소 선택 문자 바꾸기 루루아빠 2015.05.01 3,594 0
에디터  댓글+1🏆 에디터상에서 이미지 가운데 정렬 루루아빠 2015.05.23 3,593 0
에디터  🏆 smarteditor2를 이용하여 이미지 업로드시 이미지 위에 타이틀 팝업창 없애기 루루아빠 2015.04.11 3,584 0
이윰  🏆 모바일에서는 링크 이동시 로딩중 이미지 띄우기 루루아빠 2015.06.17 3,583 1
에디터  🏆 smarteditor2 로 사진 첨부시 에디터 크기에 맞게 리사이즈 루루아빠 2015.04.23 3,580 0
제로  🏆 카테고리/페이지 상관없이 공지는 무조건 보이게 루루아빠 2006.05.26 3,580 0
이윰  🏆 스크린 사이즈에 따른 미디어 쿼리(container 크기 변화) 루루아빠 2015.06.25 3,578 0
제로  🏆 💾 회원가입시 아이디체크 (중복, 필터링, 검색, 사용시 입력창으로..) 루루아빠 2005.07.07 3,578 0