SyntaxHighlighter

사용법은 아래와 같습니다.

http://alexgorbatchev.com 에 접속한다.
우측 Download 페이지로 이동한다.
다운받은 파일에서 아래 파일을 자신의 경로에 맞춰서 페이지 <head> 내부 또는 </body> 위에 입력시킨다.
<link href=”stylesheets/shCoreDefault.css” rel=”stylesheet” type=”text/css” /> (필수)
<script src=”javascripts/lib/shCore.js” type=”text/javascript”></script> (필수)
<script src=”javascripts/lib/shBrushJScript.js” type=”text/javascript”></script> (스크립트 스타일링시 필요)
<script src=”javascripts/lib/shBrushCss.js” type=”text/javascript”></script> (CSS 스타일링시 필요)
<script type=”text/javascript”>SyntaxHighlighter.all();</script> (스타일링 실행 필요)
아래와 같이 js스타일링, css스타일링을 원하는 곳에 <pre class=”brush: js;”>, <pre class=”brush: css;”>태그로 감싸준다.
짠~! 잘나오면 성공~!

  function myFunction(){
    var foo;
    if(foo == true){

    }
 }

codeJS