简单的prettyprint程序不起作用

时间:2016-06-12 16:05:53

标签: javascript css pretty-print

我正在尝试使用prettyprint来格式化我的代码的UI,但我没有完成任何格式化。

HTML:

<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css" rel="stylesheet">
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
</head>
<body onload="prettyPrint()">   
<pre class="prettyprint">   
  &lt;div&gt; This is a div &lt;/div&gt;   
  &lt;a href="http://www.google.com"&gt;Bollywood &lt;/a &gt;   
</pre>  
</body>
</html>

参考文献:

  
      
  1. https://github.com/google/code-prettify
  2.   
  3. https://github.com/google/code-prettify/blob/master/docs/getting_started.md
  4.   
  5. https://rawgit.com/google/code-prettify/master/styles/index.html
  6.   

有人可以帮帮我吗?

I want the default layout in the 3rd link provided. 

2 个答案:

答案 0 :(得分:2)

您的代码链接无效。

https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js 使用这个:

https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js

答案 1 :(得分:1)

试试这个:

List

可以使用在线演示here

必须将所需主题作为css文件包含在内(例如,this css file)。