'CodeMirror' is not defined

I’m sorry if this is a novice question, but I’m struggling to get CodeMirror to be cross-broswer compatible.

In the simplest form, I have

<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
		<title>Code Mirror SQL Test</title>
		<meta charset="UTF-8">
		<script src="codemirror/lib/codemirror.js"></script>
		<link rel="stylesheet" href="codemirror/lib/codemirror.css">
		<link rel="stylesheet" href="codemirror/theme/colorforth.css">
		<script src="codemirror/mode/sql/sql.js"></script>
			.CodeMirror {
				border: 1px solid black; 
				height: auto;
		<form id="codeMirrorForm">
			<textarea id="editor" autofocus></textarea>
		<textarea id="editorCode" style="display:none;"></textarea>
		var cm = CodeMirror.fromTextArea(
				mode: "sql",
				theme: "colorforth",
				lineNumbers: true,
				lineWrapping: true,
				indentUnit: 4,
				indentWithTabs: true,
				viewportMargin: Infinity,
				autofocus: true

now this works just fine in IE11, FF, but err in Edge reporting “‘CodeMirror’ is not defined”. What am I doing wrong?

Thank you.

I think I have it working and it seems to have been due to my MOTW. I replaced

<!-- saved from url=(0014)about:internet -->


<!-- saved from url=(0016)http://localhost -->

and things appear to be functional.