Merge cc264cd into bddd096

src/ckeditor/ckeditor.component.spec.ts

@@ -83,18 +83,19 @@ describe( 'CKEditorComponent', () => {
 		} );
 
 		it( 'should be configurable at the start of the component', () => {
-			fixture.detectChanges();
 			component.data = 'foo';
 
+			fixture.detectChanges();
+
 			return wait().then( () => {
 				expect( component.data ).toEqual( 'foo' );
 				expect( component.editorInstance!.getData() ).toEqual( '<p>foo</p>' );
 			} );
 		} );
 
 		it( 'should be writeable by ControlValueAccessor', () => {
-			fixture.detectChanges();
 			component.writeValue( 'foo' );
+			fixture.detectChanges();
 
 			return wait().then( () => {
 				expect( component.editorInstance!.getData() ).toEqual( '<p>foo</p>' );

src/ckeditor/ckeditor.component.ts

@@ -211,13 +211,22 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 	private createEditor(): Promise<any> {
 		const element = document.createElement( this.tagName );
 
+		// Do not use the `editor.setData()` here because of the issue in the collaboration mode (#6).
+		// Instead set data to the element on which the editor will be later initialized.
+		element.innerHTML = this.data;
+
+		const oldData = this.data;
+
 		this.elementRef.nativeElement.appendChild( element );
 
 		return this.editor!.create( element, this.config )
 			.then( editor => {
 				this.editorInstance = editor;
 
-				editor.setData( this.data );
+				// Update data if it has changed in the meantime.
+				if ( this.data !== oldData ) {
+					this.editorInstance.setData( this.data );
+				}
 
 				if ( this.initialIsDisabled ) {
 					editor.isReadOnly = this.initialIsDisabled;