Froala Editor VS Monaco Editor

You could use something like https://www.npmjs.com/package/froala-editor and then just split it by tag

Froala (no markdown)

freeCodeCamp uses the Monaco Editor (https://microsoft.github.io/monaco-editor). It can be fairly resource intensive.

It's not as good as Vim, but you can run a lite version of vs code in shell: https://github.com/Microsoft/monaco-editor

We're using the monaco editor with the 3D Webview asset as the code editor. As for reading the code itself, I'm not entirely sure as my friend did the coding for that (I'll ask him to answer soon). And for compiling the code, we use the arduino-cli.

Monaco should have what you're looking for: https://microsoft.github.io/monaco-editor/

The course content consists of two different parts: theory, and interactive exercises. For the interactive exercises, I used Lit, monaco-editor and typescript. Arguably, I didnt really need Lit for this part, but I'm productive with it, so it was the easy choice.

The examples shown on the site are code editing. Which puts it in direct competition with the more established Monaco from Microsoft [1].

Competition is welcome, but the description sounds like this is more of a library than a finished product (which Monaco isn't), and if so, some examples showing how to take advantage of that would have been helpful.

[1] https://microsoft.github.io/monaco-editor/

A snippet manager must not only provide organization of snippets but also have a good code editor. That's why under the hood of massCode there's Ace. Ace is a high performance code editor which supports syntax highlighting for over 170 languages. We also added a Prettier to code formatter.

That, or go the Playground site to create components with markup in the browser from scratch. That site uses the Monaco editor, the same one that powers VS Code; so even in the browser you can use some VS Code features, like hovering on class names to see their CSS output.

Are you using Monaco editor ? Can you add support for emmet please ?