본문 바로가기

그냥 블로그

syntaxhighlighter에서 ActionScript 추가하기

반응형
간혹 블로그를 보다보면 프로그램 코드가 이쁘게 표기되는 경우가 있지요.
블로그 플러그인형태로 제공되는 코드 하일라이트 기능인데요.
아직 티스토리에서는 정식으로 해당 플러그인을 제공하지 않기때문에
많은 분들이 직접 셋팅(?) 을 해서 사용하고 있는것 같더군요.
특히 많이들 쓰시는 것이 'syntaxhighlighter' 입니다.
설정도 간단하고 사용법도 pre 태그를 사용하여 쉽게 표현할 수 있기때문인듯 합니다.

사용법에 대하여는 아래 내용을 참고하세요.
syntaxhighlighter를 tistory에서 사용 하는 방법.
http://gyuha.tistory.com/193

물론 해당 프로젝트 페이지에서 직접 확인이 가능하긴 합니다.
http://code.google.com/p/syntaxhighlighter

여기까지는 기본적으로 셋팅하시면 되구요.
추가적으로 ActionScript 를 사용하기 위하여는
아래 작업을 더 진행하여야 합니다.

AS3 Syntax Highlighting (with SyntaxHighlighter)
http://www.digitalflipbook.com/archives/2007/09/as3_syntax_high.php
다음 버전에서는 AS3 가 추가된다고 하지만
당장은 안되고 있으니 위에서 제시하는 방법을 따라합니다.

css 파일과 shBrushAS3.js 을 추가하고
아래 라인을 추가해줍니다.

<script class="javascript" src="./images/shBrushAS3.js"></script>

그리고 적용은 아래와 같이 하면 된다고 하네요.

<pre name="code" class="actionscript">
... some code here ...
</pre>

조금 번거럽긴 하지만 블로그에서 코드를 참조하시는 분들께는 큰 도움이 될 것같습니다.

728x90