Codemirror 2 - use as syntax highlighter

Example on how to use Codemirror 2 as a syntax highlighter.

by HYEONGJINKIM

HTML

<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/mode/javascript/javascript.js"></script>
<link rel="stylesheet" href="http://codemirror.net/mode/javascript/javascript.css">
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
Some code <code class="code inline">function inline() { alert('inline code') }</code> inside a sentence.

<div class="code">function test() { 
    return false;
}</div>

<div class="code inline">&lt;h4&gt;unescape test&lt;/h4&gt;</div>

CSS

.code {
    margin: 10px 0;
}

.inline {
    display: inline-block;
    margin: 0;
}

.CodeMirror {
    height: auto!important;   
}

JavaScript

$('.code').each(function() {
    
    var $this = $(this),
        $code = $this.html(),
        $unescaped = $('<div/>').html($code).text();
   
    $this.empty();

    CodeMirror(this, {
        value: $unescaped,
        mode: 'javascript',
        lineNumbers: !$this.is('.inline'),
        readOnly: true
    });
    
});