Introduction
Version
This documentation refers to v20.x.x.
@ng-catbee/monaco-editor@20 – Angular Monaco Editor Integration
A modern Angular library that seamlessly integrates the Monaco Editor, offering fully support for both single and diff editors — fully compatible with Reactive Forms, Template-driven Forms, and custom data models.
📦 Demo
✨ Features
- 📝 Single Editor: Drop-in Monaco editor for Angular apps
- 🔀 Diff Editor: Effortlessly compare code side-by-side
- ⚙️ Supports Reactive & Template-driven Forms: (FormControl, ngModel)
- 🎨 Customizable: Language, theme, and editor settings
- 💡 Custom Model Binding: ([model] input for flexibility)
- 🎨 Highly Configurable: theme, language, layout, options
- 🧠 Full Type Safety: with rich TypeScript definitions
| Angular Version | Supported |
|---|---|
v17 and above | ✅ Fully supported |
This library is built and tested with Angular 20.3.0, and supports all modern standalone-based Angular projects (v17+).
📜 License
MIT © Catbee Technologies (see the LICENSE file for the full text)