본문 바로가기

IT/Software

Javascript code prettifier

반응형

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

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

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


설정

<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)


반응형