CodeMirror 2 runmode (highlight only)

codemirror-highlight.html

<div class="CodeMirror">
	<div class="CodeMirror-gutter">
		<div class="CodeMirror-gutter-text">
			<div id="numbers"></div>
		</div>
	</div>
	<div class="CodeMirror-lines">
		<div style="position: relative; margin-left: 33px;">
			<pre id="output" class="cm-s-default"></pre>
		</div>
	</div>
</div>
<script type="text/javascript">
var numbers = document.getElementById("numbers");
var output = document.getElementById("output");
var accum = [], gutter = [], size = 0;
var callback = function(string, style) {
	if (string == "\n") {
		accum.push("<br>");
		gutter.push('<pre>'+(++size)+'</pre>');
	}
	else if (style)
		accum.push("<span class=\"cm-" + CodeMirror.htmlEscape(style) + "\">" + CodeMirror.htmlEscape(string) + "</span>");
	else
		accum.push(CodeMirror.htmlEscape(string));
}
CodeMirror.runMode(document.getElementById("code").value, "text/x-rst", callback);
output.innerHTML = accum.join('');
numbers.innerHTML = gutter.join('');
</script>

https://codemirror.net/doc/releases.html

CodeMirror.htmlEscape removed. use require('xss-filters').inHTMLData instead