title: How to integrate CKEditor in angular 2
body: <p>I am trying to integrate CKEditor into my angular project. I have followed other similar solutions but only the textarea appears. Here is what I have done so far.</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;A Simple Page with CKEditor&lt;/title&gt;
      &lt;!-- Make sure the path to CKEditor is correct. --&gt;
      &lt;script src="../Email/ckeditor/ckeditor.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form&gt;
              &lt;textarea name="editor1" id="editor1" rows="10" cols="80"&gt;
                  This is my textarea to be replaced with CKEditor.
              &lt;/textarea&gt;
      &lt;script&gt;
          // Replace the &lt;textarea id="editor1"&gt; with a CKEditor
          // instance, using default configuration.
          CKEDITOR.replace( 'editor1' );
      &lt;/script&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h2>JS</h2>
  
  <pre><code>import {Component} from '@angular/core';
  
  @Component({
      selector: 'test',
      templateUrl:'test.html'
  })
  
  export class TestComponent {
  
  }
  </code></pre>