Example: Running On Internet Explorer 11

CodeMirror is entirely written with ECMAScript 2018 syntax (avoiding some constructs that are awkward or verbose to compile down to ES5) using, almost entirely, the ES5 standard library.

That means that you don't have to polyfill a lot, to run it on Internet Explorer, but you do have to compile the syntax down to ES5—the distributed files are in ES2015 syntax. Since you'll need to use some kind of bundler to load the modules anyway, you could use a bundler plugin that wires in Babel or another syntax-downgrader.

A rollup setup that does this using might look like this:

import babel from "@rollup/plugin-babel"
import resolve from "@rollup/plugin-node-resolve"

export default {
  input: "./editor.js",
  output: {
    file: "./www/editor.js",
    format: "umd"
  },
  plugins: [
    babel(),
    resolve()
  ]
}

All for/of loops in the library are on arrays, so you can optimize by using a Babel plugin like transform-for-of-as-array if you want.

There are three library features that the library uses but IE11 doesn't support. For these you'll need to load polyfills of some kind.

• Promise
• Object.assign
• ChildNode.remove

You can either manually include code that defines these when they aren't already available, or use a service like polyfill.io to get them...

<script src=
  "https://polyfill.io/v3/polyfill.min.js?features=Promise%2CObject.assign%2CElement.prototype.remove"
></script>