syntaxhighlighter 티스토리에서 사용하기

코드구문 표시하는 플러그인이 티스토리에는 지원을 안하는지라 안타까워했었는데, 외국사람이 만든 코드페이지를 봤더니 코드구문 하이라이트가 되는걸 보고 바로 검색해서 찾아보니 구글 코드 http://code.google.com/p/syntaxhighlighter/ <- 이곳에 있더라

자세한 사용법은 프로젝트 사이트를 참고하고, 티스토리에 설치하는 법을 알아보면

1. "관리자모드 > 스킨 > HTML/CSS 편집 >파일 업로드 탭" 사이트에서 다운받은 파일을 업로드
   ( Scripts, Styles 폴더에 있는 파일들 )
2. 업로드가 다되고 나면 파일 리스트에 파일들이 images 폴더에 올라가 있는것을 확인
3. "관리자모드 > 스킨 > HTML/CSS 편집 >HTML/CSS 편집 탭"에 있는 skin.html 을 편집
4. style link를 head 부분에 추가 ... <link type="text/css" rel="stylesheet" href="./images/SyntaxHighlighter.css"></link> </head> ...
5. script 및 설정은 </body> 위에 입력 & 저장
   (마지막에 입력. 이렇게 안하면 작동안한다) ... <script language="javascript" src="./images/shCore.js"></script> <script language="javascript" src="./images/shBrushCss.js"></script> <script language="javascript" src="./images/shBrushJScript.js"></script> <script language="javascript" src="./images/shBrushPhp.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> </body> ...
6. 티스토리에 글을 올릴때 다음과 같이하면 된다. <textarea class=html name="code"> ... </textarea>

사이트에서는 pre 태그를 권장하는데 textarea가 쓰기에 좋은듯.
파일 :

SyntaxHighlighter_1.5.1.rar