SyntaxHighlighter

자바스크립트 와 CSS등…을 편집기처럼
스타일링 해서 게시글에 표현하고 싶을때 사용하시면 됩니다.

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

  1. http://alexgorbatchev.com 에 접속한다.
  2. 우측 Download 페이지로 이동한다.
  3. 다운받은 파일에서 아래 파일을 자신의 경로에 맞춰서 페이지 <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>  (스타일링 실행 필요)
  4. 아래와 같이 js스타일링, css스타일링을 원하는 곳에 <pre class=”brush: js;”>, <pre class=”brush: css;”>태그로 감싸준다.
  5. 짠~! 잘나오면 성공~!

 

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

    }
 }

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다