태그 보관물: dp.syntaxhighlighter

dp.Syntaxhighlighter 설치

블로그에 소스를 올릴경우 구문 하일라이팅 기능을 제공하기 위한 구문 강조 스크립트인 dp.Syntaxhighlighter를 설치하였습니다. 소스 코드 보기가 한결 좋네요.

적용방법은 http://runuo.kr/blog/index.php?blog_code=gangpung&article_id=426 를 참조학시기 바랍니다.
태터툴즈에 적용하기 위해서는 다운받은 자바스크립트 와 스타일시트 파일을 스킨 폴더에 업로드 하고 skin.html 파일내에 아래와 같이 수정하면 됩니다. (shCore.js 파일은 무조건 포함시켜야 되고, 그외 shBrushXXx.js 파일은 자신이 주로 올리는 언어 파일 관련 스크립트만 포함시키면 됩니다.


참고로 1.5.1 버전에서는 <pre> 태그, <textarea> 태그 모두 적용되며, BloggerMode() 함수도 추가되었습니다.

C언어 소스 테스트

위 코드를 실제 블로그에 올릴때는 아래와 같이 작성하였습니다

<TEXTAREA class=c name=code>
#include <stdio.h>
int main(int argc, char *argv[])
{
    printf(“Hello, world\n”);
 
    return 0;
}
</TEXTAREA>

class=“c” 이부분이 중요한데, 단순히 class=“c” 라고 하면 기본속성으로 c 문장을 구문강조하겠다는 의미이며, 상단의 메뉴와 좌측의 라인번호가 기본적으로 표시됩니다.
class=“c:nogutter:nocontrols” 라고 하면, c 구문강조에다가 nogutter(라인번호 표시 감춤), nocontrols(상담 메뉴 감춤) 을 의미하며, 그 밖에 collapse(소스 숨김), firstline[num](라인번호 시작번호), showcolumns 등이 있습니다.  

홈페이지는 http://www.dreamprojections.com/syntaxhighlighter 인데, 접속이 되지 않는 경우 http://code.google.com/p/syntaxhighlighter 를 이용하시면 됩니다.