본문으로 바로가기

SyntaxHighlighter 사용하기

category Helloworld!/XAMPP 2013. 7. 29. 15:17

1. SyntaxHighlighter 에서 download로 들어가 제일 최신에 올라온 zip파일을 받는다.

   압축을 풀면,

2. script, style 폴더가 있는데 안에 들은 모든 문서를 업로드한다.

   : 업로드는 관리자페이지에서 HTML/CSS편집 페이지에서 파일 업로드 텝 선택 후 추가

3. HTML/CSS편집 페이지 - HTML/CSS 텝에서는 다음을 <head>와 </head>사이에 추가

<script type=" text="" javascript"="" src="./images/shCore.js">

<script type="text/javascript" src="./images/shBrushBash.js"></script>

<script type="text/javascript" src="./images/shBrushCpp.js"></script>

<script type="text/javascript" src="./images/shBrushCSharp.js"></script>

<script type="text/javascript" src="./images/shBrushCss.js"></script>

<script type="text/javascript" src="./images/shBrushDelphi.js"></script>

<script type="text/javascript" src="./images/shBrushDiff.js"></script>

<script type="text/javascript" src="./images/shBrushGroovy.js"></script>

<script type="text/javascript" src="./images/shBrushJava.js"></script>

<script type="text/javascript" src="./images/shBrushJScript.js"></script>

<script type="text/javascript" src="./images/shBrushPhp.js"></script>

<script type="text/javascript" src="./images/shBrushPlain.js"></script>

<script type="text/javascript" src="./images/shBrushPython.js"></script>

<script type="text/javascript" src="./images/shBrushRuby.js"></script>

<script type="text/javascript" src="./images/shBrushScala.js"></script>

<script type="text/javascript" src="./images/shBrushSql.js"></script>

<script type="text/javascript" src="./images/shBrushVb.js"></script>

<script type="text/javascript" src="./images/shBrushXml.js"></script>

<link type="text/css" rel="stylesheet" href="./images/shCore.css">

<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">

<script type="text/javascript">

    SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';

    SyntaxHighlighter.all();

</script>


* 사용 방법

<pre class="brush:js">

//이 사이에 코드가 들어간다.

</pre>