SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link href="./images/shCore.css" rel="stylesheet" type="text/css" />
<link href="./images/shThemeDefault.css" rel="stylesheet" type="text/css" />
<link href="./images/shThemeEclipse.css" rel="Stylesheet" type="text/css" />
<pre class="brush: java">
여기에 내용을 적는다.
brush 종류를 직접 지정해 줄 수 있다.
</pre>
Javascript code prettifier
https://code.google.com/p/google-code-prettify/
<pre class="prettyprint">
여기에 내용을 적는다.
자동으로 판단하여 스타일을 적용한다.
직접 지정도 가능하다. (ex : prettyprint lang-html )
</pre>
'javascript' 카테고리의 다른 글
[javascript] (Array.sort) 자바스크립트 배열의 정렬 (0) | 2015.12.18 |
---|---|
[javascript] jquery .find() 와 .children() (0) | 2014.10.15 |
[js] window.location 정보 (0) | 2013.05.13 |