diff --git a/package.json b/package.json
index 19af2e59..7a165b0e 100644
--- a/package.json
+++ b/package.json
@@ -34,12 +34,14 @@
     "@angular/router": "4.0.3",
     "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.25",
     "bootstrap": "4.0.0-alpha.6",
+    "ckeditor": "4.6.2",
     "classlist.js": "1.1.20150312",
     "core-js": "2.4.1",
     "font-awesome": "4.7.0",
     "immutable": "3.8.1",
     "intl": "1.2.5",
     "ionicons": "2.0.1",
+    "ng2-ckeditor": "1.1.6",
     "normalize.css": "6.0.0",
     "rxjs": "5.1.1",
     "tether": "1.4.0",
diff --git a/src/app/@shared/shared.module.ts b/src/app/@shared/shared.module.ts
index 34b6a3f6..faa8f2b7 100644
--- a/src/app/@shared/shared.module.ts
+++ b/src/app/@shared/shared.module.ts
@@ -3,14 +3,16 @@ import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { NgaCardModule } from '@nga/theme';
+import { CKEditorModule } from 'ng2-ckeditor';
 
-@NgModule({
+@NgModule ({
   exports: [
     CommonModule,
     FormsModule,
     ReactiveFormsModule,
     RouterModule,
     NgaCardModule,
+    CKEditorModule,
   ],
 })
 export class NgxSharedModule { }
diff --git a/src/app/pages/editors/ckeditor.component.ts b/src/app/pages/editors/ckeditor.component.ts
new file mode 100644
index 00000000..338e9d36
--- /dev/null
+++ b/src/app/pages/editors/ckeditor.component.ts
@@ -0,0 +1,30 @@
+import {
+  Component,
+  OnInit,
+  OnDestroy,
+  AfterViewInit,
+  Input,
+  Output,
+  EventEmitter,
+} from '@angular/core';
+
+import './ckeditor.loader';
+import 'ckeditor';
+
+@Component({
+  selector: 'ngx-ckeditor',
+  template: `
+    <nga-card>
+      <nga-card-body>
+        <ckeditor [config]="{extraPlugins: 'divarea'}"></ckeditor>
+      </nga-card-body>
+    </nga-card>
+  `,
+})
+export class NgxCKEditorComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+
+}
diff --git a/src/app/pages/editors/ckeditor.loader.ts b/src/app/pages/editors/ckeditor.loader.ts
new file mode 100644
index 00000000..82322698
--- /dev/null
+++ b/src/app/pages/editors/ckeditor.loader.ts
@@ -0,0 +1 @@
+window['CKEDITOR_BASEPATH'] = '//cdn.ckeditor.com/4.6.2/full-all/';
diff --git a/src/app/pages/editors/editors-routing.module.ts b/src/app/pages/editors/editors-routing.module.ts
index b6597240..e7cb2af9 100644
--- a/src/app/pages/editors/editors-routing.module.ts
+++ b/src/app/pages/editors/editors-routing.module.ts
@@ -3,6 +3,7 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { NgxEditorsComponent } from './editors.component';
 import { NgxTinyMCEComponent, NgxTinyMCEEditorComponent } from './tinyMCE.component';
+import { NgxCKEditorComponent } from './ckeditor.component';
 
 const routes: Routes = [
   {
@@ -13,6 +14,10 @@ const routes: Routes = [
         path: 'tinymce',
         component: NgxTinyMCEComponent,
       },
+      {
+        path: 'ckeditor',
+        component: NgxCKEditorComponent,
+      },
     ],
   },
 ];
@@ -23,4 +28,9 @@ const routes: Routes = [
 })
 export class NgxEditorsRoutingModule { }
 
-export const routedComponents = [NgxEditorsComponent, NgxTinyMCEComponent, NgxTinyMCEEditorComponent];
+export const routedComponents = [
+  NgxEditorsComponent,
+  NgxTinyMCEComponent,
+  NgxTinyMCEEditorComponent,
+  NgxCKEditorComponent,
+];
diff --git a/src/app/pages/pages-menu.ts b/src/app/pages/pages-menu.ts
index ffeb7d6a..27c5546f 100644
--- a/src/app/pages/pages-menu.ts
+++ b/src/app/pages/pages-menu.ts
@@ -42,6 +42,10 @@ export const menuItems: List<NgaMenuItem> = List([
         title: 'TinyMCE',
         link: '/pages/editors/tinymce',
       },
+      {
+        title: 'CKEditor',
+        link: '/pages/editors/ckeditor',
+      },
     ]),
   },
 ]);
diff --git a/yarn.lock b/yarn.lock
index 4324a348..8a506e33 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -834,6 +834,10 @@ cipher-base@^1.0.0, cipher-base@^1.0.1:
   dependencies:
     inherits "^2.0.1"
 
+ckeditor@4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/ckeditor/-/ckeditor-4.6.2.tgz#b1552b7a2f9537e165d7afd2d29d3d4959ff6bad"
+
 clap@^1.0.9:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/clap/-/clap-1.1.3.tgz#b3bd36e93dd4cbfb395a3c26896352445265c05b"
@@ -3453,6 +3457,10 @@ negotiator@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
 
+ng2-ckeditor@1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/ng2-ckeditor/-/ng2-ckeditor-1.1.6.tgz#fa3afb86982b725f7f3a609924c64821c2719875"
+
 no-case@^2.2.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.1.tgz#7aeba1c73a52184265554b7dc03baf720df80081"
@@ -5922,20 +5930,13 @@ write-file-stdout@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/write-file-stdout/-/write-file-stdout-0.0.2.tgz#c252d7c7c5b1b402897630e3453c7bfe690d9ca1"
 
-ws@1.1.1:
+ws@1.1.1, ws@^1.0.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.1.tgz#082ddb6c641e85d4bb451f03d52f06eabdb1f018"
   dependencies:
     options ">=0.0.5"
     ultron "1.0.x"
 
-ws@^1.0.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.4.tgz#57f40d036832e5f5055662a397c4de76ed66bf61"
-  dependencies:
-    options ">=0.0.5"
-    ultron "1.0.x"
-
 wtf-8@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wtf-8/-/wtf-8-1.0.0.tgz#392d8ba2d0f1c34d1ee2d630f15d0efb68e1048a"