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)
반응형