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
위와 같이 확인이 가능 하다.
'Tools' 카테고리의 다른 글
| Windows 부팅 시 Backgroundcontroller.dll 찾을 수 없습니다 메시지 뜨는 현상 제거 하기 (1) | 2013.12.05 |
|---|---|
| 소규모 프로젝트, 협업 할때 유용한 redmine, trello 소개 (0) | 2013.10.05 |
| Google Chrome Advanced Rest Client로 심플하게 Http 요청 테스트 하기 (0) | 2013.05.09 |
| Eclipse 에 color theme 설치하기 (0) | 2013.04.28 |
| VirtualBox에 WindowsXP 환경 구축하기 (0) | 2013.03.30 |