프로그래밍

SyntaxHighlighter 2.0.320 적용

채윤아빠 2009. 10. 9. 22:20
728x90
반응형
아무런 생각없이 스킨을 변경하였더니, 기존에 적용해 놓았던 SyntaxHighlighter 1.5가 사라져 버렸습니다. -_-;

그래서 다시 자료를 받으려고 검색을 해보았더니, 지난 2월에 SyntaxHighlighter 2.0.320 새로운 버전이 나와 있더군요. 새로운게 당연스럽게 좋을것이라 여기고 무작정 적용을 해 놓았더니만, 결정적으로 기존에 적용해 놓았던 <PRE> 태그를 모두 수정해 줘야만 하는 문제가 -_-;

괜스레 긁어 부스럼을 만든듯한 느낌입니다만, 그대로 새로운 언어들에 대한 하일라이팅을 지원한다는 점에 위안을 삼기로 하고, 일단 표시 안되는 부분들은 그대로 두고, 시간 나는대로 하나씩 다시 수정을 해줘야 겠네요..

적용하는 방법은 매우 쉽습니다.

스킨의 HTML 소스의 마지막에 다음을 추가해줍니다.
<SCRIPT src="./images/shCore.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushBash.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushCpp.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushCSharp.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushCss.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushDelphi.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushDiff.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushGroovy.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushJava.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushJScript.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushPhp.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushPlain.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushPython.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushRuby.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushScala.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushSql.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushVb.js" type=text/javascript></SCRIPT>
<SCRIPT src="./images/shBrushXml.js" type=text/javascript></SCRIPT>
<LINK href="./images/shCore.css" type=text/css rel=stylesheet>
<LINK href="./images/shThemeDefault.css" type=text/css rel=stylesheet>
<SCRIPT type=text/javascript>
	SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';
	SyntaxHighlighter.all();
</SCRIPT>
그리고 나서, 파일 업로드에서, 필요한 파일들을 모두 업로드해주면 됩니다.