Angular2 - Codemirror component

Typescript version of https://github.com/chymz/ng2-codemirror

Installation

• Include Codemirror javascript files in your application (with files for modes)
• Install ng2-codemirror-typescript
  • NPM : npm install ng2-codemirror-typescript

Dependencies

CodeMirror library is required for this component :

• Install via NPM : npm install codemirror

CodeMirror need to be accessible by import 'codemirror'

Then you need to include base CSS of codemirror located in codemirror/lib/codemirror.css

Pay attention, if you want to use placeholder you need to import codemirror/addon/display/placeholder.js

Sample (ES2016+)

Include CodemirrorModule in your main module :

1import {CodemirrorModule} from 'ng2-codemirror/Codemirror';
2
3@NgModule({
4  // ...
5  imports:      [
6    CodemirrorModule
7  ],
8  // ...
9})
10export class AppModule { }

1import {Component} from 'angular2/core';
2
3@Component({
4  selector: 'sample',
5  template: `<codemirror [(ngModel)]="code" [config]="{...}" placeholder="Here is the code placeholder"></codemirror>`
6})
7export class Sample{
8  constructor(){
9    this.code = `// Some code...`;
10  }
11}