☰

Lazyfoo Highlight code

Add code highlight to lazyfoo's code snippets in the tutorials section

  1. // ==UserScript==
  2. // @name        Lazyfoo Highlight code
  3. // @namespace   lazyfoo
  4. // @include     http://lazyfoo.net/tutorials/*
  5. // @version     1
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  7. // @require     http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js
  8. // @resource    highlightCss http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css
  9. // @grant       GM_addStyle
  10. // @grant       GM_getResourceText
  11. // @description Add code highlight to lazyfoo's code snippets in the tutorials section
  12. // ==/UserScript==
  13.  
  14. $.noConflict();
  15.  
  16. (function($) {
  17.   var blocks = $('div.tutCode');
  18.   
  19.   if (blocks.length) {
  20.     //@resource does not seem to be working
  21.     $("head").append("<link id='highlightCss' href='http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css' type='text/css' rel='stylesheet' />");    
  22.  
  23.     blocks.each(function(i, block) {
  24.       var $block = $(block);
  25.       var code = $block.html();
  26.  
  27.       $block.html('<pre><code class="cpp">' + code + '</code></pre>');
  28.     });
  29.  
  30.     $('code.cpp').each(function(i, code) {
  31.       hljs.highlightBlock(code);
  32.     });
  33.   }
  34.   
  35. })(jQuery);