July 31, 2009

Syntaxhighlighter for Textcube

<수정 09.11.22> 이제는 텍스트 큐브 자체에서 지원한답니다. (환경설정 > 글쓰기)


예전 블로그에서는 syntaxhighlighter 를 이용하여 코드를 삽입하였었습니다.
syntaxhighlighter 는 페이지에 코드등을 올릴때 단순히 문자열로 올리는것이 아니라 좀더 가독성있게 올릴수 있는 방법입니다. 백문이불여일견!!

 

public void Study(Doit func)
{
     doit = new Doit(func);
     doit.BeginInvoke(new AsyncCallback(EndCallBack), null);
}

Textcube.com 으로 옮기면서 지원을 하지 않더라구요ㅠ 그래서 어쩔 수 없이 코드 삽입을 그림으로 했어야 했는데 Textcube 업데이트와 다른 방법을 찾아 적용을 해 보았습니다.사용방법은 다음과 같습니다.내 블로그 관리 > 꾸미기 > 스킨편집 으로 가셔서 skin.html 에 다음과 같이 <body> 부분을 수정하고 추가해 주시면됩니다.

 

<body>
<body onload="dp.SyntaxHighlighter.HighlightAll('code');">

 

<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/shLegacy.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.all();
</script>

 

<PRE class=c-sharp name="code">

</PRE>

http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes 를 참조 하세요

 

Posted by LiveDK at 9:50 AM
Labels: , , ,

6 comments:

  1. 힘눈July 31, 2009 at 11:07 AM

    멋지네요:) 저도 찾고 있던 기능이었는데. 그리고 <pre class="python" name="code"> ... </pre> 이런식으로 코드 삽입하는 것인지요?

    ReplyDelete
  2. LiveDKAugust 4, 2009 at 9:47 AM

    @힘눈 - 2009/07/31 11:07
    네 맞습니다.^^

    감사합니다.!!

    ReplyDelete
  3. duckiiAugust 17, 2009 at 6:37 PM

    방법 찾고 있었는데 여기서 찾았네요~ 감사합니다~^^

    ReplyDelete
  4. LiveDKAugust 18, 2009 at 10:39 AM

    @duckii - 2009/08/17 18:37
    한번 적용해보세요^^

    ReplyDelete
  5. seongbinNovember 22, 2009 at 12:06 AM

    굳이 외부링크로 하지 않아도 되는데...

    "환경설정->글쓰기"에 codehighlighter기능이 추가 되어 있어요.

    ReplyDelete
  6. LiveDKNovember 22, 2009 at 10:40 PM

    @seongbin - 2009/11/22 00:06
    새로 추가 되었군요^^

    베타버전때는 없어서 이렇게 사용했었어요ㅋ

    감사합니다ㅎ

    ReplyDelete

Subscribe to: Post Comments (Atom)