SIR과 같은 코드 하이라이트를 설치해봅시다!
PrismJS로 표현된 Nginx 설정
SIR은 현재 PrismJS syntax highlighter를 쓰고 있습니다
얼마 전에 제가 추천드렸더니 바로 적용하셨더라구요. ㅎㅎ
그누보드 5.4에서도 head.sub.php와 view.skin.php 파일을 수정하면 바로 적용 가능합니다.
여기에 채택된 답변을 보시면 바로 적용 가능할거예요!
-------------------------------------------------------------
그래서 저는 아미나, 나리야 빌더에 적용하는 방법에 대해 글을 적어보았습니다.
이게 알면 쉬운데, 모르면 정말 어렵더라구요 ㅠㅠㅠㅠ
http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=5815
그래서 저는 다 뿌립니다. ㅎㅎㅎ
코드 이쁘게 표현하세요~~ 정말 좋아요!
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 34개
[code "랭귀지"] 식으로 처리하면 어떨까요?
[code]
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/agate.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
[/code]
이렇게 적용하면 되더라구요.
이것도 언어 적용 가능한가요?
여기에 있네요.
우와 자동으로 잡아주는게 신기한데요.
처음부터 이걸로 할걸 그랬나요 ㅠㅠ
prism은 플러그인이 잘되어 있더라구요. 자동으로 copy 버튼이 붙어서 좋아요.
https://weblog.west-wind.com/posts/2019/Dec/30/A-HighlightJs-Copy-Code-Badge-Component
으아 ~~
[http://sir.kr/data/editor/2007/2c8f76b4bf1b1a4fc6718f282a931844_1595257298_6183.png]
이것 같은데.. 많아도 쓰는 것은 한두개 정도 입니다.
보여주는 테마를 만들어 보고 있는데, 거기에 맞게 세팅을 할 수 있어서 조금 도움이 됩니다.
mdnice.com 이나 typora 테마를 참조해서 보고 있습니다.
여기에 데모가 있네요!
https://congcoding.tistory.com/5
라인 넘버는 위와 같이 넣으면 되겠네요!
prism과의 차이점이라면 자바스크립트 실행 부분을 넣느냐 마느냐인데...
나리야에서는
$str = preg_replace("/(<p>)/i", "\n", $str);
$str = preg_replace("/(<br>|<br \/>|<br\/>|<div>|<\/div>|<\/p>)/i", "", $str);
이런 식으로 들여쓰기를 바꿔주는데요.
처음에 [ c o d e ] 를 넣고 엔터치면
실제 에디터에서는
< p > [ c o d e ] < / p > < p > 내용 시작
이런 식으로 인식이 되어 첫번째 코드가 줄바꿈이 이루어지더라구요.
혹시 어떻게 처리하셨는지 알 수 있을까요?
https://aced.ga/free/%EC%8D%B8%EB%A8%B8%EB%85%B8%ED%8A%B8-%ED%85%8C%EC%8A%A4%ED%8A%B8/
이렇게 나옵니다 흑흑
자동으로 언어를 잡아주니깐 좋은데
아쉬운건 라인 넘버 잡기가 번거롭고, Copy 버튼이 없는 것 ㅠㅠ
자랑질이 부럽습니다...
팁은 피드백이 어려우니...
자게에 사람이 많은 이유도 있고...
뿌림 굿 ^^;;;
prismjs와 차이점이 있네요.
장단점이 정말 명확하네요.
엄청난 일을 하셨네요~
@우성짱 님 고마워요~~
자기만족으로 작업했습니다.
뿌듯합니다 ㅎㅎ