# CodeMirror


[**js**](edit://src/components/widgets/lively-code-mirror.js) | [**html**](edit://src/components/widgets/lively-code-mirror.html) | [**open**](open://lively-code-mirror)

CodeMirror is our editor of choice in Lively4. We wrapped it in its own `lively-code-mirror` component, which is capable of editing text and diving various editing support. It does not know about files or URLs, for that we have our [editor](editor.md)

also known as: Workspace, TextEditor

![](../../src/components/widgets/lively-code-mirror.png)