在HTML中,如果把code貼在網頁上,但要讓使用者一目瞭然是一件不容易的事!

透過google-code-prettify就可以美化程式碼

使用方法也很容易:

1.先引入該專案的js和css

<link type="text/css" href="google-code-prettify/prettify.css" rel="stylesheet" />
<script type="text/javascript" src="google-code-prettify/prettify.js"></script>

2.在body的onload事件中加入prettyPrint()函式

<body onload="prettyPrint();">

3.用pre標籤包住程式碼

<pre class="prettyprint">
	echo "test";
	phpinfo();
</pre>
Categories: WebDesign