Massively agree. Code mirror 5 was excellent. Code mirror 6 was a big enough imp...

umvi · 2024-03-25T00:24:44 1711326284

Code mirror 6 is super hard to use though unless you are a front end expert. Code mirror 5 was basically plug and play. Code mirror 6 is a box of Legos and you are responsible to build and bundle your own editor from scratch.

spankalee · 2024-03-25T00:36:33 1711326993

I have a project that's intended to make Code Mirror 6 as ready to use as any HTML tag: https://github.com/justinfagnani/codemirror-elements

You can put a basic code editor on your page like:

    <cm-editor></cm-editor>

and drop in themes and modes like:

    <cm-editor>
      <cm-lang-javascript typescript></cm-lang-javascript>
      <cm-theme-one-dark></cm-theme-one-dark>
    </cm-editor>

This works in plain HTML or any framework.

Turing_Machine · 2024-03-25T02:39:16 1711334356

Looking at this now. Thanks!

How about a dist folder with a plain js file (or a js file and a css file) that you can load directly?

I am sick unto death of Node and all its associates.

spankalee · 2024-03-25T21:24:14 1711401854

The npm package has the pre-built files: https://www.npmjs.com/package/codemirror-elements

I publish to npm because 1) Package managers are a fabulous idea. They're an easy way to download a package and it's dependencies, and update them over time. 2) it's not a good idea to push build artifacts to your repo, 3) This depends on CodeMirror, which is published to npm. Otherwise I would have to provide it too. That's too much work. 4) you don't need to be a Node developer to use npm.

kermire · 2024-03-25T03:47:54 1711338474

Not as extensive as the previous poster. I wrote a small custom component wrapper a while back: https://github.com/flawiddsouza/code-mirror-custom-element.

Turing_Machine · 2024-03-25T02:35:49 1711334149

> Code mirror 6 is a box of Legos and you are responsible to build and bundle your own editor from scratch.

Yep. Let me stress that there's absolutely nothing wrong with this if that's what you want to do -- but it's less than optimal for the person who just wants to add a JavaScript file for the editor, with maybe a JS/CSS combo to support syntax highlighting for a specific language. Codemirror 5 was like that, pretty much.

You basically have to set up a whole independent build and packaging system to configure Codemirror 6, and a lot of people just don't want to deal with that.

It's a pity it's the only JavaScript-based editor that works at all reliably on mobile (I would be delighted to be proven wrong about this).

The_Colonel · 2024-03-25T15:03:42 1711379022

That's why I'm staying with CodeMirror 5 too.

It seems like for the past few years many high profile JS projects increased the complexity of using their software for (to me) unclear benefits.

Turing_Machine · 2024-03-25T20:42:08 1711399328

https://en.wikipedia.org/wiki/Second-system_effect