<Syntax Highlighter>

블로그나 카페에 소스코드를 올릴 때 그냥 플레인 텍스트를 올리는 것 보다 에디터에서 제공하는 것 처럼 문법을 강조해서 올리면 보기가 더 편하다.

이때 문법 강조를 도와주는 방식이 여러가지가 있는데, 하나는 자바스크립트를 이용해서 올려진 코드를 후처리해서 보는 방법이 있고, 다른 하나는 코드를 HTML 로 변환하여 적용하는 방법이 있다.

 

<자바스크립트 처리>

자바스크립트를 이용한 처리는 <div>, <pre> 등의 태그로 코드를 감싼후 코드가 로딩되는 시점에 사용자 단에서 처리해서 보여주는 방식이다.

가장 많이 사용되는 코드가 다음 링크의 코드이다.

 

Alex Gorbatchev - http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

 

installation 의 코드를 따라가면 어렵지 않게 적용할 수 있다.

 

<HTML 변환>

 

HTML 변환은 아래의 사이트에 코드를 올리면 선택한 사양에 맞게 HTML 로 변환하여 돌려준다.

이 HTML 을 그대로 붙여 넣으면 되는 것이다.

간단한 코드를 적용할 때는 이 방법이 더 편리하게 사용할 수 있다.

 

http://hilite.me/

http://highlight.hohli.com/

http://markup.su/highlighter/ - 문법종류 자동 확인/테마 적용

 

 

<hilite.me> 

1
2
3
4
5
6
7
8
9
 
public class ShellSort {

	public static void main(String[] args) {
		
		for(int i = 0; i < 10; i++){
			System.out.println(i);
		}
	}
}

 

 

<highlight.hohli.com>

  1. public class ShellSort {
  3. public static void main(String[] args) {
  5. for(int i = 0; i < 10; i++){
  6. System.out.println(i);
  7. }
  8. }
  9. }

 

 <markup.su/highlighter>

 

public class ShellSort {

    public static void main(String[] args) {
        
        for(int i = 0; i < 10; i++){
            System.out.println(i);
        }
    }
}
반응형
저작자표시 비영리 (새창열림)

'Tools' 카테고리의 다른 글

[서브라임 텍스트] 서브라임 텍스트 한글 입력시 IME 창 없애기  (1) 2015.07.20
[syntaxhighlighter] 웹사이트용 소스문법 하이라이터(syntax highlighter) 꺽쇠 오류 수정  (0) 2015.07.06
오라클 ERP의 Forms 에서 마지막으로 시스템에 전송한 쿼리 확인하기  (0) 2013.04.17
이클립스에서 SVN: '0x00000119: Delete 오류가 발생할 때 해결 방법  (0) 2013.03.14
윈도우 7 XP 모드에서 윈도우 7의 서버에 접속하기  (0) 2013.02.26

티스토리툴바