☰

Lazyfoo Highlight code

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

目前為 2016-10-15 提交的版本，檢視 最新版本。

// ==UserScript==
// @name        Lazyfoo Highlight code
// @namespace   lazyfoo
// @include     http://lazyfoo.net/tutorials/*
// @version     1
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @require     http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js
// @resource    highlightCss http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css
// @grant       GM_addStyle
// @grant       GM_getResourceText
// @description Add code highlight to lazyfoo's code snippets in the tutorials section
// ==/UserScript==

$.noConflict();

(function($) {
  //@resource does not seem to be working
  $("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' />");    

  $('div.tutCode').each(function(i, block) {
    var $block = $(block);
    var code = $block.html();

    $block.html('<pre><code class="cpp">' + code + '</code></pre>');
  });
  
  $('code.cpp').each(function(i, code) {
    hljs.highlightBlock(code);
  });
  
})(jQuery);