prettify 代码高亮着色器google出品


在<head></head>标签之间加入这两行代码:
复制代码 代码如下:

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

将<body>改为:
复制代码 代码如下:

<body onload='prettyPrint()'>

将需要着色的代码写入以下形式的<pre></pre>标签之中:
复制代码 代码如下:

<pre class=”prettyprint”>
/*source code*/

更多演示在<head></head>标签之间加入这两行代码:
复制代码 代码如下:
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css"/>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript"/>

将<body>改为:
复制代码 代码如下:
<body onload='prettyPrint()'>

将需要着色的代码写入以下形式的<pre></pre>标签之中:
复制代码 代码如下:
<pre class=”prettyprint”>
/*source code*/

更多演示
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3