<commit_before># Angular2 - CKEditor component

Use the [CKEditor (4.x)](http://ckeditor.com/) wysiwyg in your Angular2 application.
(Works with new forms API / Angular rc4)

### <a name="install"></a>Installation

- Include CKEditor javascript files in your application
- Install ng2-ckeditor
  - JSPM/Github : ```jspm install ng2-ckeditor=github:chymz/ng2-ckeditor```
  - JSPM/NPM : ```jspm install npm:ng2-ckeditor```
  - NPM : ```npm install ng2-ckeditor```

### <a name="sample"></a>Sample (ES6)

```javascript
import {Component} from '@angular/core';
import {CKEditor} from 'ng2-ckeditor';

@Component({
  selector: 'sample',
  directives: [CKEditor],
  template: `
  <ckeditor
    [(ngModel)]="ckeditorContent"
    [config]="{uiColor: '#99000'}"
    debounce="500">
  </ckeditor>
  `
})
export class Sample{
  constructor(){
    this.ckeditorContent = `<p>My HTML</p>`;
  }
}
```

Other samples :
- ES2016 and JSPM : https://github.com/chymz/angular2-jspm-seed/tree/ng2-ckeditor
- TypeScript with cli : https://github.com/chymz/ng2-cli-ckeditor-sample
- TypeScript and Webpack : https://github.com/chymz/angular2-seed/tree/ng2-ckeditor **(Outdated)**

### <a name="config"></a>Configuration

* `config` : The configuration object for CKEditor see http://docs.ckeditor.com/#!/api/CKEDITOR.config
* `debounce` : You can add a delay (ms) when updating ngModel

### <a name="todo"></a>Todo
- Plunker sample

### <a name="licence"></a>Licence
See `LICENCE` file
<commit_msg>README : Plunker demo<commit_after># Angular2 - CKEditor component

Use the [CKEditor (4.x)](http://ckeditor.com/) wysiwyg in your Angular2 application.
(Works with new forms API / Angular rc4)

### <a name="install"></a>Installation

- Include CKEditor javascript files in your application
- Install ng2-ckeditor
  - JSPM/Github : ```jspm install ng2-ckeditor=github:chymz/ng2-ckeditor```
  - JSPM/NPM : ```jspm install npm:ng2-ckeditor```
  - NPM : ```npm install ng2-ckeditor```

### <a name="sample"></a>Sample (ES6)

```javascript
import {Component} from '@angular/core';
import {CKEditor} from 'ng2-ckeditor';

@Component({
  selector: 'sample',
  directives: [CKEditor],
  template: `
  <ckeditor
    [(ngModel)]="ckeditorContent"
    [config]="{uiColor: '#99000'}"
    debounce="500">
  </ckeditor>
  `
})
export class Sample{
  constructor(){
    this.ckeditorContent = `<p>My HTML</p>`;
  }
}
```

Other samples :
- ES2016 and JSPM : https://github.com/chymz/angular2-jspm-seed/tree/ng2-ckeditor
- TypeScript with cli : https://github.com/chymz/ng2-cli-ckeditor-sample
- Plunker sample : https://embed.plnkr.co/hnB0R3/ 
- TypeScript and Webpack : https://github.com/chymz/angular2-seed/tree/ng2-ckeditor **(Outdated)**

### <a name="config"></a>Configuration

* `config` : The configuration object for CKEditor see http://docs.ckeditor.com/#!/api/CKEDITOR.config
* `debounce` : You can add a delay (ms) when updating ngModel

### <a name="licence"></a>Licence
See `LICENCE` file

{'fraction_non_alphanumeric': 0.17403035413153456, 'fraction_numerical': 0.019561551433389546, 'mean_word_length': 4.392727272727273, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 7, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '551191', 'n_tokens_mistral': 1103, 'n_tokens_neox': 1046, 'n_words': 237}