CodeMirror

https://gyazo.com/41ba6736910c2aae1450bf37addfcbb9

JavaScriptで動くコードエディタのライブラリ

2023年7月現在、Monaco Editorとの択となるかと思います

Ace.jsとかはさすがにオワコン

2022年6月にVersion 6がリリースされ、モジュール構成やAPIが大きく変更された

Who Uses

Example

code:js

import { EditorView, basicSetup } from "codemirror";

import { javascript } from "@codemirror/lang-javascript";

const editorState = EditorState.create( {

doc: "console.log( 'Hello' );",

} );

const editorView = new EditorView( {

state: editorState,

parent: document.body,

} );