관리 메뉴

White Life Story

SyntaxHighlighter 활용 하기 본문

Develop/Tools

SyntaxHighlighter 활용 하기

새내기 whitelife 2013.09.05 12:42


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

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

0 Comments
댓글쓰기 폼