@ngx-bleed/monaco-editor

Usage

• Install the library:

  npm i --save @ngx-bleeding/monaco-editor

• Import into your standalone component or your module:

  import { MonacoEditorModule } from '@ngx-bleeding/monaco-editor';
  import { Component, signal } from '@angular/core';
  
  @Component({
     selector: 'app-root',
     standalone: true,
     imports: [
        MonacoEditorModule
     ],
     templateUrl: './app.html',
     styleUrl: './app.scss'
  })
  export class App {
     protected readonly title = signal('monaco-client');
  }

  • Add the monaco-editor into your template:

    <bleed-monaco-editor-ctrl
    language="typescript">
    </bleed-monaco-editor-ctrl>