Sublime demo is not working

I copied all code from demo/sublime.html but its not working on my localhost. However basic demo is working.

Here is my code-

                       <link rel="stylesheet" href="aryan/assets/codemirror/codemirror.css">
                        <link rel="stylesheet" href="aryan/assets/codemirror/foldgutter.css">
                        <link rel="stylesheet" href="aryan/assets/codemirror/dialog.css">
                        <link rel="stylesheet" href="aryan/assets/codemirror/monokai.css">
                        <script src="aryan/assets/codemirror/codemirror.js"></script>
                        <script src="aryan/assets/codemirror/searchcursor.js"></script>
                        <script src="aryan/assets/codemirror/search.js"></script>
                        <script src="aryan/assets/codemirror/dialog.js"></script>
                        <script src="aryan/assets/codemirror/matchbrackets.js"></script>
                        <script src="aryan/assets/codemirror/closebrackets.js"></script>
                        <script src="aryan/assets/codemirror/comment.js"></script>
                        <script src="aryan/assets/codemirror/hardwrap.js"></script>
                        <script src="aryan/assets/codemirror/foldcode.js"></script>
                        <script src="aryan/assets/codemirror/brace-fold.js"></script>
                        <script src="aryan/assets/codemirror/javascript.js"></script>
                        <script src="aryan/assets/codemirror/sublime.js"></script>
                      <script type="text/javascript">
                     var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
                          lineNumbers: true,
                          //mode: "text/html",
                          matchBrackets: true
                        });
                      // var value = "// The bindings defined specifically in the Sublime Text mode\nvar bindings = {\n";
                      // var map = CodeMirror.keyMap.sublime;
                      // for (var key in map) {
                      //   var val = map[key];
                      //   if (key != "fallthrough" && val != "..." && (!/find/.test(val) || /findUnder/.test(val)))
                      //     value += "  \"" + key + "\": \"" + val + "\",\n";
                      // }
                      // value += "}\n\n// The implementation of joinLines\n";
                      // value += CodeMirror.commands.joinLines.toString().replace(/^function\s*\(/, "function joinLines(").replace(/\n  /g, "\n") + "\n";
                      // var editor = CodeMirror(document.getElementById("editor"), {
                      //   value: value,
                      //   lineNumbers: true,
                      //   mode: "javascript",
                      //   keyMap: "sublime",
                      //   autoCloseBrackets: true,
                      //   matchBrackets: true,
                      //   showCursorWhenSelecting: true,
                      //   theme: "monokai",
                      //   tabSize: 2
                      // });
                    </script>

[vincentwoo]

You just randomly pasted some stuff in a fiddle. You need to actually include JS libraries, etc. I recommend you learn basic HTML/JS before attempting to use a third party library like CodeMirror.

[matthias-vogt]

The jsfiddle just has an SSL issue, except for that it works. You included codemirror.css over http:// on jsfiddle, which uses https. Use // or https:// instead and you’ll be fine. https://jsfiddle.net/mj8Lh59n/8/