<Syntax Highlighter>
블로그나 카페에 소스코드를 올릴 때 그냥 플레인 텍스트를 올리는 것 보다 에디터에서 제공하는 것 처럼 문법을 강조해서 올리면 보기가 더 편하다.
이때 문법 강조를 도와주는 방식이 여러가지가 있는데, 하나는 자바스크립트를 이용해서 올려진 코드를 후처리해서 보는 방법이 있고, 다른 하나는 코드를 HTML 로 변환하여 적용하는 방법이 있다.
<자바스크립트 처리>
자바스크립트를 이용한 처리는 <div>, <pre> 등의 태그로 코드를 감싼후 코드가 로딩되는 시점에 사용자 단에서 처리해서 보여주는 방식이다.
가장 많이 사용되는 코드가 다음 링크의 코드이다.
Alex Gorbatchev - http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
installation 의 코드를 따라가면 어렵지 않게 적용할 수 있다.
<HTML 변환>
HTML 변환은 아래의 사이트에 코드를 올리면 선택한 사양에 맞게 HTML 로 변환하여 돌려준다.
이 HTML 을 그대로 붙여 넣으면 되는 것이다.
간단한 코드를 적용할 때는 이 방법이 더 편리하게 사용할 수 있다.
|
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>
- public class ShellSort {
- public static void main(String[] args) {
- for(int i = 0; i < 10; i++){
- System.out.println(i);
- }
- }
- }
<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 |
