nge/monaco

nge/monaco brings the Monaco editor, the editor that powers VS Code, into Angular. It wraps Monaco in components while leaving the editor instance fully in your hands.

What you get

• Three components. An editor, a side-by-side diff editor, and a read-only viewer for highlighting a code block.
• Theming. A set of ready-to-use themes, an API to switch at runtime, and automatic light/dark switching driven by a CSS class or the OS preference.
• Full control. You create and own the ITextModel, so binding, languages and disposal work exactly the way Monaco intends.
• Extensible. Register contributions to add languages, completions or any Monaco API once the editor loads.
• Loads from a CDN by default. Point it at your own server to self-host, and localize the editor UI.

Next steps

• Installation to add it to a project.
• Usage for the components, theming and extensions.
• Showcase to see the components running.