code-prettify: css fallback

by Amro

HTML

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.css">
<!-- try with or without loading CSS lang handler -->
<!--<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/lang-css.js"></script>-->

<pre class="prettyprint">
&lt;div style="background-image: url(http://3.bp.blogspot.com/_Gw/SuKVWg/AAwg/pTEiK4C8DSs/a-01-left.gif); background-repeat: repeat-y; background-position: left;"&gt;
  &lt;div style="padding: 20px;"&gt;
  Vestibulum at egestas tortor.
  &lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
body {
  width: 100%;
}
&lt;/style&gt;
</pre>

JavaScript

// alternative css handler
PR.registerLangHandler(
  PR.createSimpleLexer([], [
    [PR.PR_ATTRIB_VALUE, /^[\S\s]+/],
  ]),
  ['css']);
  
// apply syntax highlighting
PR.prettyPrint();