#prettifyjs

[r2fresh-blog]

Syntax Highlighting

Syntax Highlighting

html의 element 중 pre element로 감싼 곳을 css와 javascript를 사용하여, 개발자가 보기 편하도록 하는 라이브러리

Library

highlightjs

웹에서 사용하는 syntax highlighting으로 많은 언어와 스타일을 지원한다.

site

http://highlightjs.org/

github

https://github.com/isagalaev/highlight.js

theme

http://highlightjs.org/static/test.html

SyntaxHighlighter

가장 오래된 Syntax highlight이다. 예전에는 많이 사용했지만 현재는 사용하는 횟수가 많이 줄어 들었다.

site

http://alexgorbatchev.com/SyntaxHighlighter/

github

https://github.com/alexgorbatchev/SyntaxHighlighter

google-code-prettify

구글에서 만든 라이브러리이다. 많이 사용하는 라이브러리로 css와 js만 다운로드 해서 script와 css를 사용하여 넣어주면 된다.

site

https://code.google.com/p/google-code-prettify/

theme

google-code-prettify에도 다양한 테마를 적용할 수 있다. 그러한 테마는 아래의 리스트에서 확인하여 적용하면 된다.

http://jmblog.github.io/color-themes-for-google-code-prettify/

http://stanleyhlng.com/prettify-js/

http://demo.stanleyhlng.com/prettify-js/?id=bootstrap-light