«   2020/02   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
Archives
Today
225
Total
595,666
관리 메뉴

Elex

Javascript code prettifier 본문

IT/Software

Javascript code prettifier

프리랜서 프로그래머, Elex 2013. 1. 10. 02:49

자바스크립트를 사용한 코드 하이라이트를 블로그에 적용하는 방법.

티스토리의 스킨 파일 업로드에 스크립트 파일을 올린다고 접근이 되는건 아니구나. 하고 깨달음.

그래서 외부 사이트에서 호스팅 하는 방법을 고려함.


설정

<head> 부분의 적당한 위치에 다음을 삽입한다.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>

<script>
$(document).ready(function(){prettyPrint();});
</script>


사용

표현할 코드를 다음의 태그로 둘러싼다.

<pre class="prettyprint"><code class="language-java">...</code></pre>


테스트


public static void main(String[] args) {
	//System.out.println(args[0]);
	if (args.length>0 && args[0].equals("h")) {
		System.out.println(args[0]);
	} else {
		App.launch(args);
	}
}


참조

google-code-prettify (http://google-code-prettify.googlecode.com/svn/trunk/README.html)


0 Comments
댓글쓰기 폼