티스토리에 코드 입력창 넣기

1. SyntaxHighlighter 를 다운받는다.

2. [관리자 페이지] - [스킨] - [HTML/CSS 편집] - [파일 업로드] 에 다음 파일들을 업로드 한다.

- Styles 폴더 안의 SyntaxHighlighter.css

- Scripts 폴더 안의 모든 파일

3. [관리자 페이지] - [스킨] - [HTML/CSS 편집] - [HTML/CSS 편집] 에서 skin.html 에 다음 코드를 추가한다.

4. skin.html 에 아래 코드들을 추가한다.

<link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css"/>
<!-- code for syntaxhighlight --> <script class="javascript" src="./images/shCore.js"></script> <script class="javascript" src="./images/shBrushCpp.js"></script> <script class="javascript" src="./images/shBrushCSharp.js"></script> <script class="javascript" src="./images/shBrushCss.js"></script> <script class="javascript" src="./images/shBrushDelphi.js"></script> <script class="javascript" src="./images/shBrushJava.js"></script> <script class="javascript" src="./images/shBrushJScript.js"></script> <script class="javascript" src="./images/shBrushPhp.js"></script> <script class="javascript" src="./images/shBrushPython.js"></script> <script class="javascript" src="./images/shBrushRuby.js"></script> <script class="javascript" src="./images/shBrushSql.js"></script> <script class="javascript" src="./images/shBrushVb.js"></script> <script class="javascript" src="./images/shBrushXml.js"></script> <script class="javascript"> dp.SyntaxHighlighter.ClipboardSwf = "./images/clipboard.swf"; dp.SyntaxHighlighter.HighlightAll('code'); </script> <!-- code for syntaxhighlighter -->

5. 사용방법

<textarea name="code" class="언어타입"> 코드 소스 <textarea>

6. 언어타입은 아래와 같다.

언어	언어타입
C++	cpp, c, c++
C#	c#, c-sharp, csharp
CSS	css
Delphi	delphi, pascal
JavaScript	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