updated documentation

Author: [email protected]

README.html

@@ -23,15 +23,11 @@ <h1>Javascript code prettifier</h1>
     <h2>Setup</h2>
     <ol>
       <li><a href="http://code.google.com/p/google-code-prettify/downloads/list">Download</a> a distribution
-      <li>Include the script and stylesheets in your document
-        (you will need to make sure the css and js file are on your server, and
-         adjust the paths in the <tt>script</tt> and <tt>link</tt> tag)
+      <li>Include the script tag below in your document
         <pre class="prettyprint">
-&lt;link href="prettify.css" type="text/css" rel="stylesheet" /&gt;
-&lt;script type="text/javascript" src="prettify.js"&gt;&lt;/script&gt;</pre>
-      <li>Add <code class="prettyprint lang-in.tag">onload="prettyPrint()"</code> to your
-      document's body tag.
-      <li>Modify the stylesheet to get the coloring you prefer</li>
+&gt;script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js&gt;&lt;/script&gt;</pre>
+      <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>
+      <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>
     </ol>
 
     <h2>Usage</h2>
@@ -101,7 +97,7 @@ <h3 id="langs">For which languages does it work?</h3>
       <a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-vhdl.js">CHDL</a>
       <a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-wiki.js">Wiki</a>
       <a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-xq.js">XQ</a>
-      <a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-yaml.js">Yaml</a>
+      <a class="Extension" href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-yaml.js">YAML</a>
     </div>
 
     <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>
     theme gallery</a> for examples.
     </p>
 
+    <h3>I can't add classes to my code (because it comes from Markdown, etc.)</h3>
+    <p>
+    Instead of <code class="prettyprint">&lt;pre class="prettyprint ..."&gt;</code> you can use a
+    comment or processing instructions that survives processing instructions :
+    <code>&lt;?prettify ...?&gt;</code> works as explained in 
+    <a href="http://code.google.com/p/google-code-prettify/wiki/GettingStarted">Getting Started</a></p>
+
     <br><br><br>
 
     <div class="footer">
 <!-- Created: Tue Oct  3 17:51:56 PDT 2006 -->
-<!-- hhmts start -->Last modified: Fri Feb 22 18:02:14 EST 2013 <!-- hhmts end -->
+<!-- hhmts start -->Last modified: Mon Feb 25 13:19:00 EST 2013 <!-- hhmts end -->
     </div>
   </body>
 </html>

examples/quine.html

@@ -21,7 +21,7 @@ <h1>Making Quines Prettier</h1>
 
 <p>
 The line numbers to the left appear because the preceding comment
-<code>&lt;?prettyprint lang=html linenums=true?&gt;</code> turns on
+<code>&lt;?prettify lang=html linenums=true?&gt;</code> turns on
 line-numbering and the
 <a href="http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html">stylesheet</a>
 (see <code>skin=sunburst</code> in the <code>&lt;script src&gt;</code>)