WebACAD/MatCodeMirror

CodeMirror form component for angular material. Based on @webacad/ng-codemirror.

Dependencies

@angular/animations
@angular/cdk
@angular/common
@angular/core
@angular/forms
@angular/material
@angular/platform-browser
@webacad/ng-codemirror
codemirror
rxjs

Installation

$ npm install --save @webacad/ng-mat-codemirror

or with yarn

$ yarn add @webacad/ng-mat-codemirror

Register module

app.module.ts:

import {MatCodemirrorModule} from '@webacad/ng-mat-codemirror';

@NgModule({
    imports: [
        MatCodemirrorModule,
    ],
})
export class AppModule {}

Usage

<wa-mat-codemirror mode="javascript"></wa-codemirror>

Look here for more details.

Using in angular forms

This package implements all the necessary code for angular forms. That means that you can use it just like any other ordinary form control.

It is also fully ready for material's <mat-form-field> component.

Package detail

@webacad/ng-mat-codemirror

readme