mydeer
就像我们从来没有来过这里,但这种感觉似曾相识。
如何将代码高亮?

这里介绍一种代码高亮的方法,插件:Google Code Prettify,这是一个开源的代码高亮插件,可以去google下载的

bootstrap的代码高亮也是使用此套插件,下面会介绍如何使用。

下载google-code-prettify

http://code.google.com/p/google-code-prettify/,(可以联系本人,本人发给你)


使用google-code-prettify,代码高亮

插件里面主要有两个文件,prettify.js和prettify.css

1、在html代码中引用以上两个文件:

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
	<link rel="stylesheet" href="google-code-prettify/prettify.css" >
	<script src="google-code-prettify/prettify.js"></script>
</head>

</html>


2、在body标签上加入onload="prettyPrint()":

<body onload="prettyPrint()">


3、在需要高亮的代码上加入以下标签

<pre class="prettyprint">
	your  code
</pre>


完整的使用代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
	<link rel="stylesheet" href="google-code-prettify/prettify.css" >
	<script src="google-code-prettify/prettify.js"></script>
</head>
<body onload="prettyPrint()">
<pre class="prettyprint">
	your  code
</pre>
</body>
</html>

如果不喜欢默认的css样式,可以下载其他样式,当然可以自己调整css样式。

<< 上一篇 memcache的使用 linux搭建网站服务器 下一篇 >>
文章标签
随意 | Created At 2014 By William Clinton | 蜀ICP备14002619号-4 |