https://github.com/web-acad/ng-mat-codemirror
CodeMirror form component for angular material
https://github.com/web-acad/ng-mat-codemirror
angular codemirror forms material
Last synced: about 2 months ago
JSON representation
CodeMirror form component for angular material
- Host: GitHub
- URL: https://github.com/web-acad/ng-mat-codemirror
- Owner: Web-ACAD
- License: mit
- Created: 2018-05-04T16:27:40.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-08-24T13:57:19.000Z (almost 8 years ago)
- Last Synced: 2025-06-20T04:04:01.305Z (about 1 year ago)
- Topics: angular, codemirror, forms, material
- Language: TypeScript
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.npmjs.com/package/@webacad/ng-mat-codemirror)
[](https://travis-ci.org/Web-ACAD/ng-mat-codemirror)
# WebACAD/MatCodeMirror
CodeMirror form component for angular material. Based on [@webacad/ng-codemirror](https://github.com/Web-ACAD/ng-codemirror).
## Dependencies
* `@angular/animations`
* `@angular/cdk`
* `@angular/common`
* `@angular/core`
* `@angular/forms`
* `@angular/material`
* `@angular/platform-browser`
* `@webacad/ng-codemirror`
* `codemirror`
* `rxjs`
## Installation
```bash
$ npm install --save @webacad/ng-mat-codemirror
```
or with yarn
```bash
$ yarn add @webacad/ng-mat-codemirror
```
## Register module
**app.module.ts:**
```typescript
import {MatCodemirrorModule} from '@webacad/ng-mat-codemirror';
@NgModule({
imports: [
MatCodemirrorModule,
],
})
export class AppModule {}
```
## Usage
```html
```
Look [here](https://github.com/Web-ACAD/ng-codemirror#usage) 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 `` component.