Overview

The @ngstack/code-editor is a powerful code editor component designed specifically for Angular applications, leveraging the capabilities of the Monaco editor that powers Visual Studio Code. This integration enhances the development experience by providing a customizable and feature-rich editing environment that allows developers to write and manage code efficiently. Whether you're embedding the editor in a standalone Angular project or within a module-based architecture, this component seamlessly adapts to your setup.

With robust features and built-in support for various editor configurations, the @ngstack/code-editor is an excellent toolkit for developers looking to incorporate a modern code editing experience into their applications. From customizable themes to real-time events, this component ensures an intuitive user experience that caters to both casual coders and seasoned professionals alike.

Features

Customizable Themes: Choose from multiple themes including light (vs), dark (vs-dark), or high contrast (hc-black) to match your application's aesthetics.
Editor Options: The component allows for extensive configuration through editor options, providing flexibility to tailor the editor to specific needs.
Read-Only Mode: Easily toggle the editor's read-only state to control user interactions, ideal for scenarios where code should be displayed without modification.
Dynamic Code Model: Implement your code model for greater control over the source code being edited, facilitating integration with various code representations.
Event Listeners: Utilize output events such as ‘loaded’ and ‘valueChanged’ to manage and react to changes within the editor, enhancing interactivity and responsiveness.
Component API Access: Direct access to the underlying Monaco ICodeEditor instance and ability to execute editor actions, like formatting documents, empowers developers to extend functionality as needed.
Version Control: Specify the version of the Monaco editor you'd like to use, ensuring compatibility and access to specific features or bug fixes as they evolve.

Ngstack

Code Editor

Core