syntaxhighlighter(코드 강조)를 Textcube에 적용하기

http://alexgorbatchev.com/wiki/SyntaxHighlighter
위 사이트에서 제공하는 코드 강조를 사용하기 위해서
티스토리는 JS파일도 업로드하여 syntaxhighlighter을 적용하며 된다.

하지만 Textcube 블로그에서는 JS파일에 대한 업로드가 허용되지 않기 때문에
이러한 방식으로는 적용이 불가능하다.

적용을 할수 있는 방법은 다른 곳에 업로드 하여 적용을 하거나
syntaxhighlighter를 만든곳에서 제공하는 hosted를 사용하는 방법이다.

스킨을 편집할수 있는 메뉴로 가서 직접 skin.html 부분에 해당하는 부분을 넣어야 된다.
스크립트라서 head 부분에 넣어보았는데 잘 적용이 되지 않는 것 같다.
그래서 body 부분에 넣어 주었는데 적용이 되는 것 같다.

body 태그의 아래쪽에 다음의 코드를 넣어주면 사용할 수 있다.
제공되는 것이 아니라 다른 서버에 올린 것을 사용하고자 한다면
src에 있는 주소를 해당하는 서버로 바꾸어 주면 된다.
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCpp.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDiff.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushGroovy.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJava.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPython.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushScala.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushVb.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css"/> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script>
코드 강조를 사용하는 방법은 html 편집으로 바꾼뒤
아래와 같이 pre 태그의 brush에 적용할 코드가 해당하는 것(CPP, JS...)을 넣어준뒤
실제 해당하는 코드를 pre 사이에 넣어주면 된다.
코드강조에 적용하는 brush는 다음에서 확인을 할수 있다.
http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes
<pre class="brush: c-sharp;"> function test() : String { return 10; }

이렇게 해서 코드를 넣은뒤에 다시 편집모드를 바꾸게 되면 문제점이 있다.
br태그를 자동으로 넣어버리게 되므로 주의를 요한다.