Clean up editor types

src/app/demo-form/demo-form.component.html

@@ -17,8 +17,7 @@ <h3>User profile form</h3>
 	<ckeditor
 		[(ngModel)]="model.description"
 		id="description"
-		name="description"
-		type="divarea">
+		name="description">
 	</ckeditor>
 
 	<p *ngIf="description && description.dirty" class="alert">Description is "dirty".</p>

src/app/demo-form/demo-form.component.spec.ts

@@ -87,7 +87,6 @@ describe( 'DemoFormComponent', () => {
 		} );
 
 		ckeditorComponent.instance.setData( '<p>An unidentified person</p>' );
-
 	} );
 
 	it( 'when reset button is clicked should reset form', done => {

src/app/simple-usage/simple-usage.component.spec.ts

@@ -110,7 +110,6 @@ describe( 'SimpleUsageComponent', () => {
 		} );
 	} );
 
-
 	describe( 'listeners', () => {
 		beforeEach( () => {
 			spy = spyOn( console, 'log' );

src/app/simple-usage/simple-usage.component.ts

@@ -19,7 +19,7 @@ export class SimpleUsageComponent {
 While it’s also nice to learn about cultures online or from books, nothing comes close to experiencing cultural diversity in person.
 You learn to appreciate each and every single one of the differences while you become more culturally fluid.</p>`;
 
-	editors = [ 'Classic', 'Divarea', 'Inline' ];
+	editors = [ 'Classic', 'Inline' ];
 
 	isHidden = false;
 

src/ckeditor/ckeditor.component.spec.ts

@@ -43,7 +43,6 @@ describe( 'CKEditorComponent', () => {
 	} );
 
 	[
-		EditorType.DIVAREA,
 		EditorType.INLINE,
 		EditorType.CLASSIC
 	].forEach( editorType => {
@@ -117,58 +116,6 @@ describe( 'CKEditorComponent', () => {
 					} );
 				} );
 
-				const isDivarea = editorType === EditorType.DIVAREA;
-
-				[ {
-					newConfig: undefined,
-					msg: 'without config',
-					warn: false
-				}, {
-					newConfig: { extraPlugins: 'basicstyles,divarea,link' },
-					msg: 'config.extraPlugins defined as a string',
-					warn: false
-				}, {
-					newConfig: { extraPlugins: [ 'basicstyles', 'divarea', 'link' ] },
-					msg: 'config.extraPlugins defined as an array',
-					warn: false
-				}, {
-					newConfig: { removePlugins: 'basicstyles,divarea,link,divarea' },
-					msg: 'config.removePlugins defined as a string',
-					warn: isDivarea
-				}, {
-					newConfig: { removePlugins: [ 'basicstyles', 'divarea', 'link', 'divarea' ] },
-					msg: 'config.removePlugins defined as an array',
-					warn: isDivarea
-				} ].forEach( ( { newConfig, msg, warn } ) => {
-					describe( msg, () => {
-						beforeEach( () => {
-							config = newConfig;
-						} );
-
-						it( `console ${warn ? 'should' : 'shouldn\'t'} warn`, () => {
-							const spy = spyOn( console, 'warn' );
-
-							fixture.detectChanges();
-
-							return whenEvent( 'ready', component ).then( () => {
-								warn
-									? expect( spy ).toHaveBeenCalled()
-									: expect( spy ).not.toHaveBeenCalled();
-							} );
-						} );
-
-						it( `editor ${ isDivarea ? 'should' : 'shouldn\'t' } use divarea plugin`, () => {
-							fixture.detectChanges();
-
-							return whenEvent( 'ready', component ).then( ( { editor } ) => {
-								isDivarea
-									? expect( editor.plugins.divarea ).not.toBeUndefined()
-									: expect( editor.plugins.divarea ).toBeUndefined();
-							} );
-						} );
-					} );
-				} );
-
 				describe( 'when set with config', () => {
 					beforeEach( () => {
 						component.config = {

src/ckeditor/ckeditor.component.ts

@@ -40,6 +40,7 @@ declare let CKEDITOR: any;
 export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
 	/**
 	 * The configuration of the editor.
+	 *
 	 * See https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html
 	 * to learn more.
 	 */
@@ -55,8 +56,8 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 	/**
 	 * The type of the editor interface.
 	 *
-	 * By default editor interface will be initialized as `divarea` editor which is an inline editor with fixed UI.
-	 * You can change interface type by choosing between `divarea` and `inline` editor interface types.
+	 * By default editor interface will be initialized as `classic` editor.
+	 * You can also choose to create an editor with `inline` interface type instead.
 	 *
 	 * See https://ckeditor.com/docs/ckeditor4/latest/guide/dev_uitypes.html
 	 * and https://ckeditor.com/docs/ckeditor4/latest/examples/fixedui.html
@@ -84,16 +85,16 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 		}
 
 		this._data = data;
-
 	}
 
 	get data(): string {
 		return this._data;
 	}
 
 	/**
-	 * When set `true`, the editor becomes read-only.
-	 * https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#property-readOnly
+	 * When set to `true`, the editor becomes read-only.
+	 *
+	 * See https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#property-readOnly
 	 * to learn more.
 	 */
 	@Input() set readOnly( isReadOnly: boolean ) {
@@ -147,14 +148,14 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 	@Output() dataChange = new EventEmitter<CKEditor4.EventInfo>();
 
 	/**
-	 * Fires when the native drop event occurs. It corresponds with the `editor#dragstart`
+	 * Fires when the native dragStart event occurs. It corresponds with the `editor#dragstart`
 	 * https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-dragstart
 	 * event.
 	 */
 	@Output() dragStart = new EventEmitter<CKEditor4.EventInfo>();
 
 	/**
-	 * Fires when the native drop event occurs. It corresponds with the `editor#dragend`
+	 * Fires when the native dragEnd event occurs. It corresponds with the `editor#dragend`
 	 * https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-dragend
 	 * event.
 	 */
@@ -182,7 +183,7 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 	@Output() fileUploadRequest = new EventEmitter<CKEditor4.EventInfo>();
 
 	/**
-	 * Fires when the editing view of the editor is focused. It corresponds with the `editor#focus`
+	 * Fires when the editing area of the editor is focused. It corresponds with the `editor#focus`
 	 * https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-focus
 	 * event.
 	 */
@@ -290,10 +291,6 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 		const element = document.createElement( this.tagName );
 		this.elementRef.nativeElement.appendChild( element );
 
-		if ( this.type === CKEditor4.EditorType.DIVAREA ) {
-			this.config = this.ensureDivareaPlugin( this.config || {} );
-		}
-
 		const instance: CKEditor4.Editor = this.type === CKEditor4.EditorType.INLINE
 			? CKEDITOR.inline( element, this.config )
 			: CKEDITOR.replace( element, this.config );
@@ -424,39 +421,4 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 		} );
 	}
 
-	private ensureDivareaPlugin( config: CKEditor4.Config ): CKEditor4.Config {
-		let { extraPlugins, removePlugins } = config;
-
-		extraPlugins = this.removePlugin( extraPlugins, 'divarea' ) || '';
-		extraPlugins = extraPlugins.concat( typeof extraPlugins === 'string' ? ',divarea' : 'divarea' );
-
-		if ( removePlugins && removePlugins.includes( 'divarea' ) ) {
-
-			removePlugins = this.removePlugin( removePlugins, 'divarea' );
-
-			console.warn( '[CKEDITOR] divarea plugin is required to initialize editor using Angular integration.' );
-		}
-
-		return Object.assign( {}, config, { extraPlugins, removePlugins } );
-	}
-
-	private removePlugin( plugins: string | string[], toRemove: string ): string | string[] {
-		if ( !plugins ) {
-			return null;
-		}
-
-		const isString = typeof plugins === 'string';
-
-		if ( isString ) {
-			plugins = ( plugins as string ).split( ',' );
-		}
-
-		plugins = ( plugins as string[] ).filter( plugin => plugin !== toRemove );
-
-		if ( isString ) {
-			plugins = ( plugins as string[] ).join( ',' );
-		}
-
-		return plugins;
-	}
 }

src/ckeditor/ckeditor.ts

@@ -27,7 +27,6 @@ export namespace CKEditor4 {
 	 * to learn more.
 	 */
 	export const enum EditorType {
-		DIVAREA = 'divarea',
 		INLINE = 'inline',
 		CLASSIC = 'classic'
 	}

src/polyfills.ts

@@ -17,16 +17,15 @@
  // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
  // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
 
- /*
+/**
  * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
  * with the following flag, it will bypass `zone.js` patch for IE/Edge
  */
 // (window as any).__Zone_enable_cross_context_check = true;
 
 /***************************************************************************************************
  * Browser Polyfills
- * IE11 needs those in general. Currently we use only some of them in tests using console and ensuring that 'divarea' plugin is loaded,
- * but they may come in handy later.
+ * IE11 needs those in general. Currently we use only some of them, but they may come in handy later.
  */
 
 import 'core-js/es/symbol';