SyntaxHighlighter 활용 하기

SyntaxHighlighter 는 오픈 소스 이며 클라이언트 자바 스크립트로 구성 되어 있다.

공식 사이트: http://alexgorbatchev.com/SyntaxHighlighter/

참고 사이트: http://mindgear.tistory.com/164

정리가 잘 되어 있어 쉽게 따라 할 수 있었다.

Syntax 구성 표

Syntax	file
applescript	shBrushAppleScript.js
actionscript3 as3	shBrushAS3.js
bash shell	shBrushBash.js
coldfusion cf	shBruchColdFusion.js
cpp c	shBruchCpp.js
c# c-sharp csharp	shBruchCSharp.js
css	shBruchCss.js
delphi pascal	shBruchDelphi.js
diff patch pas	shBruchDiff.js
erl erlang	shBruchErlang.js
groovy	shBruchGroovy.js
java	shBruchJava.js
jfx javafx	shBruchJavaFX.js
js jscript javascript	shBruchJScript.js
perl pl	shBruchPerl.js
php	shBruchPhp.js
text plain	shBruchPlain.js
py python	shBruchPython.js
ruby rails ror rb	shBruchRuby.js
sass scss	shBruchSass.js
scala	shBruchScala.js
sql	shBruchSql.js
vb vbnet	shBruchVb.js
xml xhtml xslt html	shBruchXml.js

적용 방법 

Step 1.  글 작성 시 HTML 모드로 변경

아래 내용 추가 하기 

<pre class="brush: text">

  // ...

</pre>

Step 2.  화면 확인 하기

// ... test
// ... test
// ... test

위와 같이 확인이 가능 하다.