'CodeMirror' is not defined

1

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 -->
<html>
	<head>
		<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>
		<style>
			.CodeMirror {
				border: 1px solid black; 
				height: auto;
			}
		</style>
	</head>
	<body>
		<form id="codeMirrorForm">
			<textarea id="editor" autofocus></textarea>
		</form>
		<textarea id="editorCode" style="display:none;"></textarea>
	<script>
		var cm = CodeMirror.fromTextArea(
			document.getElementById("editor"), 
			{
				mode: "sql",
				theme: "colorforth",
				lineNumbers: true,
				lineWrapping: true,
				indentUnit: 4,
				indentWithTabs: true,
				viewportMargin: Infinity,
				autofocus: true
			}
		); 
	</script>
	</body>
</html>

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

Thank you.

2

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

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

with

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

and things appear to be functional.