1.0.7 (rc6 update)

yabab-dev · Sep 1, 2016 · 7c2177a · 7c2177a
1 parent 3b88f12
commit 7c2177a
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 38 deletions.
diff --git a/CKEditor.d.ts b/CKEditor.d.ts
@@ -8,7 +8,7 @@ import { ControlValueAccessor } from '@angular/forms';
 /**
  * CKEditor component
  */
-export declare class CKEditor implements ControlValueAccessor {
+export declare class CKEditorComponent implements ControlValueAccessor {
 
   value:String;
   instance:any;
@@ -27,3 +27,8 @@ export declare class CKEditor implements ControlValueAccessor {
   registerOnTouched(fn:Function):void;
 
 }
+
+/**
+ * CKEditor module
+ */
+export declare class CKEditorModule {}
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # Angular2 - CKEditor component
 
 Use the [CKEditor (4.x)](http://ckeditor.com/) wysiwyg in your Angular2 application.
-(Works with new forms API / Angular rc4)
+(Works with RC6)
 
 ### <a name="install"></a>Installation
 
@@ -13,13 +13,28 @@ Use the [CKEditor (4.x)](http://ckeditor.com/) wysiwyg in your Angular2 applicat
 
 ### <a name="sample"></a>Sample (ES2016+)
 
+Include `CKEditorModule` in your main module :
+
+```javascript
+import {CKEditorModule} from 'ng2-ckeditor';
+
+@NgModule({
+  // ...
+  imports:      [
+    CKEditorModule
+  ],
+  // ...
+})
+export class AppModule { }
+```
+
+The use it in your component :
+
 ```javascript
 import {Component} from '@angular/core';
-import {CKEditor} from 'ng2-ckeditor';
 
 @Component({
   selector: 'sample',
-  directives: [CKEditor],
   template: `
   <ckeditor
     [(ngModel)]="ckeditorContent"
@@ -40,8 +55,7 @@ export class Sample{
 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)**
+- Plunker sample : https://embed.plnkr.co/hnB0R3/
 
 ### <a name="config"></a>Configuration
 

diff --git a/lib/CKEditor.js b/lib/CKEditor.js
diff --git a/lib/CKEditor.js.map b/lib/CKEditor.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ng2-ckeditor",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Angular2 CKEditor component",
   "main": "lib/CKEditor.js",
   "typings": "./CKEditor.d.ts",

diff --git a/src/CKEditor.es6 b/src/CKEditor.es6
@@ -8,32 +8,29 @@ import {
   Optional,
   EventEmitter,
   NgZone,
-  Provider,
   forwardRef,
-  Renderer
+  Renderer,
+  NgModule,
 } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
-// Control Value accessor provider
-const CKEDITOR_CONTROL_VALUE_ACCESSOR = new Provider(
-  NG_VALUE_ACCESSOR,
-  {
-    useExisting: forwardRef(() => CKEditor),
-    multi: true
-  }
-);
-
 /**
  * CKEditor component
  * Usage :
  *  <ckeditor [(ngModel)]="data" [config]="{...}" debounce="500"></ckeditor>
  */
 @Component({
   selector: 'ckeditor',
-  providers: [CKEDITOR_CONTROL_VALUE_ACCESSOR],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CKEditorComponent),
+      multi: true
+    }
+  ],
   template: `<textarea #host></textarea>`,
 })
-export class CKEditor {
+export class CKEditorComponent {
 
   @Input() config;
   @Input() debounce;
@@ -152,3 +149,16 @@ export class CKEditor {
   registerOnChange(fn){this.onChange = fn;}
   registerOnTouched(fn){this.onTouched = fn;}
 }
+
+/**
+ * CKEditorModule
+ */
+@NgModule({
+  declarations: [
+    CKEditorComponent,
+  ],
+  exports: [
+    CKEditorComponent,
+  ]
+})
+export class CKEditorModule{}