Add support for mode event

ckeditor · Aug 2, 2023 · 6c27494 · 6c27494
1 parent 0e2fb59
commit 6c27494
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/src/ckeditor/ckeditor.component.spec.ts b/src/ckeditor/ckeditor.component.spec.ts
@@ -323,6 +323,17 @@ describe( 'CKEditorComponent', () => {
 						expect( spy ).toHaveBeenCalledTimes( 1 );
 					} );
 
+					it( 'mode should emit component mode', () => {
+						fixture.detectChanges();
+
+						const spy = jasmine.createSpy();
+						component.mode.subscribe( spy );
+
+						component.instance.fire( 'mode' );
+
+						expect( spy ).toHaveBeenCalledTimes( 1 );
+					} );
+
 					it( 'paste should emit component paste', () => {
 						fixture.detectChanges();
 

diff --git a/src/ckeditor/ckeditor.component.ts b/src/ckeditor/ckeditor.component.ts
@@ -225,6 +225,13 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 	 */
 	@Output() blur = new EventEmitter<CKEditor4.EventInfo>();
 
+	/**
+	 * Fires when the native mode event occurs. It corresponds with the `editor#mode`
+	 * https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-mode
+	 * event.
+	 */
+	@Output() mode = new EventEmitter<CKEditor4.EventInfo>();
+
 	/**
 	 * A callback executed when the content of the editor changes. Part of the
 	 * `ControlValueAccessor` (https://angular.io/api/forms/ControlValueAccessor) interface.
@@ -417,6 +424,12 @@ export class CKEditorComponent implements AfterViewInit, OnDestroy, ControlValue
 			} );
 		} );
 
+		editor.on( 'mode', evt => {
+			this.ngZone.run( () => {
+				this.mode.emit( evt );
+			} );
+		} );
+
 		editor.on( 'dataReady', this.propagateChange, this );
 
 		if ( this.instance.undoManager ) {