티스토리 뷰
출처: https://ourcodeworld.com/articles/read/140/top-5-best-code-syntax-highlighter-javascript-plugins
개발블로그에서 가장 중요한 요소 중 하나가 문법강조(Code Highlight) 기능을 사용해서 코드를 올릴 수 있는가이다. 다음은 중요 기능이 있고, 사용하기 쉬우며, 테마를 고를 수 있는 문법강조 JS 플러그인들이며, VanillaJS 위에서 동작한다.
1. Prism.js - http://prismjs.com/
2. highlight.js - https://highlightjs.org/
3. Rainbow - https://craig.is/making/rainbows
4. SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter/
5. SHJS - http://shjs.sourceforge.net/
+ Microlight.js - https://github.com/asvd/microlight
+ EnlighterJS - http://enlighterjs.org/
+ Google Prettyprint - https://github.com/google/code-prettify
현재 이 블로그는 SyntaxHighlighter 플러그인을 사용중이다. 이 플러그인도 나쁘지 않지만, HTML5 표준을 따르는 Prism.js 혹은 페이지 로딩에 영향을 주지 않는 Google Prettyprint로 변경할 예정이다.
'코딩방 > 라이브러리, 플러그인' 카테고리의 다른 글
[JS] 로딩중 관련 JS 라이브러리 3가지 (0) | 2017.10.31 |
---|---|
[JS] String.prototype.replaceAll() (0) | 2017.06.26 |
- Total
- Today
- Yesterday