Prism line numbers

Tests Prism.js highlighter for plugin line-numbers

by cent cent

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/plugins/line-numbers/prism-line-numbers.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/prism.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/themes/prism.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/plugins/line-numbers/prism-line-numbers.js"></script>
<pre id='#test' class="line-numbers" data-start="10">
<code class="language-javascript">if((tmp = new RegExp('\\/' + g3.Highlight.resourceFilterKeys[self.defaults.library].themes + '\\/(.*?)\\.[^\\/]*$', 'i').exec(resource)) !== null){
    if(tmp[1] == self.defaults.theme)
      return 'theme';
    // add these theme if 'default' does not exist
    switch(self.defaults.library){
      case 'rainbow':
        if((self.defaults.theme == 'default') && (tmp[1] == g3.Highlight.defaultThemes['rainbow']))
          return 'theme';
        break;
      case 'prism':
        if(tmp[1] == 'prism-' + self.defaults.theme)
          return 'theme';
        if((self.defaults.theme == 'default') && (tmp[1] == g3.Highlight.defaultThemes['prism']))
          return 'theme';
        break;
      // add yours!
    }
  }
</code>
</pre>

CSS

pre[class*="language-"]{
  white-space: pre-wrap;
}

JavaScript

/* Test #1 */
//Prism.highlightAll();
/* Test #2 */
Prism.highlightAllUnder(document.getElementById("#test"));