Automatically generate code blocks

gistfile1.js

/*
    Find all code wrapped in .exampleCode classes and generate 
    a highlighted code block to insert in the DOM after it
*/

$(".exampleCode").each(function(){
    var $example  = $(this),
        code      = $example.html(),
        $preBlock = $("<pre></pre>").append( $("<code></code>").text(code) );

    // Insert code block *after* the example div
    $example.after( $preBlock );

    // Find inserted <pre/> in the DOM..
    var codeBlock = $example.next().get(0);

    // ..Highlight the code block with hljs (https://highlightjs.org/)
    hljs.highlightBlock( codeBlock, null );
});