angular2 (v4) ckeditor inline directive

editable.directive.ts

import { Directive, ElementRef, Renderer, Input, Output, EventEmitter, forwardRef, AfterViewInit } from '@angular/core';
import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';

declare let CKEDITOR: any;

@Directive({
  selector: '[ckeditable]',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => EditableDirective),
      multi: true
    }
  ],
})
export class EditableDirective implements ControlValueAccessor, AfterViewInit {
  private element
  private editor: any;
  private _value: string;
  @Input() ckoptions: any;

  get value() { return this._value }
  set value( value ) {
      this._value = value;
      this.onChange(value);
      this.onTouched();
  }

  constructor(
    elementRef: ElementRef,
    private renderer: Renderer
  ) {
    this.element = elementRef.nativeElement;
    this.renderer.setElementAttribute( this.element, 'contenteditable', 'true' );
  }

  ngAfterViewInit() {
    if (typeof CKEDITOR == 'undefined') {
      console.warn('CKEditor not available');

    } else {
      // stop auto-replacing inline components
      CKEDITOR.disableAutoInline = true;

      this.element

      // CKEditor inline
      this.editor = CKEDITOR.inline( this.element, this.ckoptions );

      // Set initial value
      this.editor.setData(this.value);

      // CKEditor change event
      this.editor.on('change', () => {
        this.onTouched();
        this.value = this.editor.getData();
      });
    }
  }

  /**
   * On component destroy
   */
  ngOnDestroy() {
    if (this.editor) {
      setTimeout(() => {
        this.editor.removeAllListeners();
        this.editor.destroy();
        this.editor = null;
      });
    }
  }

  /**
   * Implements ControlValueAccessor
   */
  writeValue(value) {
    this._value = value;
    if (this.editor)
      this.editor.setData(value);
  }
  onChange(_) {}
  onTouched() {}
  registerOnChange(fn) { this.onChange = fn; }
  registerOnTouched(fn) { this.onTouched = fn; }
}

Thanks for the code. it helped me and saved my lots of time.
:)