Angular4 Codemirror component
npm install ng4-codemirrorUse the CodeMirror (5.x) code editor in your Angular2 application.
- Include Codemirror javascript files in your application (with files for modes)
- Install ng4-codemirror
- JSPM : jspm install npm:ng4-codemirror
- NPM : npm install ng4-codemirror
npm install codemirrorjspm install npm:codemirrorCodeMirror need to be accessible by import 'codemirror'
Then you need to include base CSS of codemirror located in codemirror/lib/codemirror.css
Include CodemirrorModule in your main module :
``javascript
import { CodemirrorModule } from 'ng4-codemirror';
@NgModule({
// ...
imports: [
CodemirrorModule
],
// ...
})
export class AppModule { }
`
`javascript
import { Component } from '@angular/core';
@Component({
selector: 'sample',
template:
(focus)="onFocus()"
(blur)="onBlur()">
// Some code...
})
export class Sample{
constructor(){
this.code = ;`
}
}
* config : The configuration object for CodeMirror see http://codemirror.net/doc/manual.html#config