prettify 代码高亮着色器【google出品】

muronglongcheng

于 2010-12-28 21:58:18 发布

阅读量185

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： Google HTML

本文链接：https://blog.youkuaiyun.com/muronglongcheng/article/details/83803477

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍Google提供的Prettify工具，该工具能够自动为HTML页面上的代码进行语法高亮，无需指定代码语言类型，适用于快速美化网页内嵌代码展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prettify是Google提供的一款源代码语法高亮着色器，它提供一种简单的形式来着色HTML页面上的程序代码，最值得亮点的地方是不需要指明代码的语言类型，它会自动进行判断。


<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*/