dp.SyntaxHighlighter를 이용한 코드 하이라이트

WEB 2008/06/17 23:45 |
이전에 올렸던 포스트는 .. css를 추가해야되서 ... 좀 불편하다.

사실 이것도 .. .js를 왕창 추가해야되는 불편함은 있지만..

한번 하게 되면, pre 로 묶어주기만 하면 되니 .. 전보단 더 편하다.

사용방법은 다음과 같다.

1. http://code.google.com/p/syntaxhighlighter/ 에서 [SyntaxHighlighter_1.5.1.rar] 파일을 다운 받는다.

2. tistory 스킨 / 파일올리기 를 통해 해당 파일의 scripts 파일을 모두 올린다.

3. 글 작성시 html모드로 변경하고, 해당 부분을 묶어 준다.
     ex > <pre class=cpp name=code> 
 int main() { return 0; }
</pre>
             (class 부분은 언어를 기입하면 된다.)


 public class pupustory {
     public static void main(String arg[]) {
          System.out.println("잘된다 !!");
     }
}
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback 1 : Comment 0

Trackback Address :: http://pupustory.tistory.com/trackback/48

  1. Subject: Tistory 에서 SyntaxHighlighter 사용 하기

    Tracked from 이름없는 블로그 2008/07/13 14:24  Delete

    관련 싸이트 : http://code.google.com/p/syntaxhighlighter/ 1단계, 위 싸이트에 가서 SyntaxHighlighter 를 다운로드 한다. 2단계, 압축을 풀고, Scripts 와 Styles 폴더가 있는 것을 확인 한다. 이것들을 업로드 할것이므로 기억 한다. 3단계, Tistory로 돌아 와서, Admin 모드에서 스킨 --> 직접올리기 로 이동 한다. 4단계, 직접올리기에 보면, .. 파일 업로드가 보일 것이다..

댓글을 달아 주세요