How To Use 'Syntaxhighlighter' - code highlight

Code Highlight

Syntaxhighlighter는 소스코드의 가독성을 높여주기 위해 구문을 강조해 주는 Javascript 기반의 라이브러리이다. 티스토리는 스킨관련 작업이 가능해 파일을 업로드 할수 있어 블로그내에 업로드하여 사용할 수 있다.

이곳에서 다운로드 받을 수 있다.

파일을 다운로드 받아 압축을 풀면 다음과 같은 디렉토리에 있다.

- Scripts : 압축된 형태의 언어별 js파일, clipboard.swf

- Styles : SyntaxHighlighter.css

- Uncompressed : Scripts의 원본형태 파일

다음을 사용하려고 하는 페이지에 삽입한다.

<link href="./images/SyntaxHighlighter.css" type="text/css" rel="stylesheet" /></link>
<script language="javascript" src="./images/shCore.js"></script>
<script language="javascript" src="./images/shBrushCpp.js"></script>
<script language="javascript" src="./images/shBrushCss.js"></script>
<script language="javascript" src="./images/shBrushJava.js"></script>
<script language="javascript" src="./images/shBrushJScript.js"></script>
<script language="javascript" src="./images/shBrushSql.js"></script>
<script language="javascript" src="./images/shBrushXml.js"></script>
<script language="javascript">
    dp.SyntaxHighlighter.ClipboardSwf = './images/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
</script>

사용방법

<textarea class="java" name="code" rows="10" cols="50">

    <!--소스코드삽입-->

</textarea>

<pre class="java:nocoltrols:firstline[1]" name="code">

    <!--소스코드삽입-->

</pre>

- Suppored Language

Language	Aliases
C++	cpp, c, c++
C#	c#, c-sharp, csharp
CSS	css
Delphi	delphi, pascal
Java	java
Java Script	js, jscript, javascript
PHP	php
Python	py, python
Ruby	rb, ruby, rails, ror
Sql	sql
VB	vb, vb.net
XML/HTML	xml, html, xhtml, xslt

- Configuration Option

Options
nogutter	Will display no gutter.
nocontrols	Will display no controls at the top.
collapse	Will collapse the block by default.
firstline[value]	Will begin line count at value. Default value is 1.
showcolumns	Will show row columns in the first line.