Monaco Editor is the rich, browser-based code editor that powers Visual Studio Code, providing advanced editing capabilities as a standalone embeddable library for web applications. Models are at the heart of Monaco editor. It's what you interact with when managing content. A model represents a file that has been opened. This could represent a file that exists on a file system, but it doesn't have to. For example, the model holds the text content, determines the language of the content, and tracks the edit history of the content. An editor is a user facing view of the model. This is what gets attached to the DOM and what your users see visually. Typical editor operations are displaying a model, managing the view state, or executing actions or commands.
Features
- Monaco Editor is the rich, browser-based code editor that powers Visual Studio Code, providing advanced editing capabilities as a standalone embeddable library for web applications
- Supports syntax highlighting, IntelliSense, code navigation via web workers
- Available in multiple module formats: ESM, AMD, minified, with source maps
- Interactive playground for live experimentation
- Frequent versioned releases (latest v0.52.2 as of Dec 2024)
- Same core used by VS Code and extensible for custom editors