티스토리 뷰

출처: 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로 변경할 예정이다.

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday