Skip to content
This repository was archived by the owner on Apr 22, 2020. It is now read-only.

Commit e96dfeb

Browse files
updated documentation
1 parent f133b61 commit e96dfeb

File tree

2 files changed

+14
-11
lines changed

2 files changed

+14
-11
lines changed

README.html

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,11 @@ <h1>Javascript code prettifier</h1>
2323
<h2>Setup</h2>
2424
<ol>
2525
<li><a href="http://code.google.com/p/google-code-prettify/downloads/list">Download</a> a distribution
26-
<li>Include the script and stylesheets in your document
27-
(you will need to make sure the css and js file are on your server, and
28-
adjust the paths in the <tt>script</tt> and <tt>link</tt> tag)
26+
<li>Include the script tag below in your document
2927
<pre class="prettyprint">
30-
&lt;link href="prettify.css" type="text/css" rel="stylesheet" /&gt;
31-
&lt;script type="text/javascript" src="prettify.js"&gt;&lt;/script&gt;</pre>
32-
<li>Add <code class="prettyprint lang-in.tag">onload="prettyPrint()"</code> to your
33-
document's body tag.
34-
<li>Modify the stylesheet to get the coloring you prefer</li>
28+
&gt;script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js&gt;&lt;/script&gt;</pre>
29+
<li>See <a href="http://code.google.com/p/google-code-prettify/wiki/GettingStarted">Getting Started</a> to configure that URL with options you need.</a>
30+
<li>Look at the <a href="http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html">skin gallery</a> and pick styles that suit you.</li>
3531
</ol>
3632

3733
<h2>Usage</h2>
@@ -101,7 +97,7 @@ <h3 id="langs">For which languages does it work?</h3>
10197
<a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-vhdl.js">CHDL</a>
10298
<a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-wiki.js">Wiki</a>
10399
<a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-xq.js">XQ</a>
104-
<a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-yaml.js">Yaml</a>
100+
<a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-yaml.js">YAML</a>
105101
</div>
106102

107103
<p>If you'd like to add an extension for your favorite language, please
@@ -219,11 +215,18 @@ <h3>How can I customize the colors and styles of my code?</h3>
219215
theme gallery</a> for examples.
220216
</p>
221217

218+
<h3>I can't add classes to my code (because it comes from Markdown, etc.)</h3>
219+
<p>
220+
Instead of <code class="prettyprint">&lt;pre class="prettyprint ..."&gt;</code> you can use a
221+
comment or processing instructions that survives processing instructions :
222+
<code>&lt;?prettify ...?&gt;</code> works as explained in
223+
<a href="http://code.google.com/p/google-code-prettify/wiki/GettingStarted">Getting Started</a></p>
224+
222225
<br><br><br>
223226

224227
<div class="footer">
225228
<!-- Created: Tue Oct 3 17:51:56 PDT 2006 -->
226-
<!-- hhmts start -->Last modified: Fri Feb 22 18:02:14 EST 2013 <!-- hhmts end -->
229+
<!-- hhmts start -->Last modified: Mon Feb 25 13:19:00 EST 2013 <!-- hhmts end -->
227230
</div>
228231
</body>
229232
</html>

examples/quine.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ <h1>Making Quines Prettier</h1>
2121

2222
<p>
2323
The line numbers to the left appear because the preceding comment
24-
<code>&lt;?prettyprint lang=html linenums=true?&gt;</code> turns on
24+
<code>&lt;?prettify lang=html linenums=true?&gt;</code> turns on
2525
line-numbering and the
2626
<a href="http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html">stylesheet</a>
2727
(see <code>skin=sunburst</code> in the <code>&lt;script src&gt;</code>)

0 commit comments

Comments
 (0)