added disabled

Author: Mattias Wikstrom

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 2.2.0
+
+* Added support for disabling the editor via the `disabled` attribute.
+
 # 2.1.0
 
 * Fixed bug where textarea was being added to editor content if id was set.

tinymce-angular-component/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tinymce/tinymce-angular",
   "description": "Official TinyMCE Angular Component",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "repository": "https://github.com/tinymce/tinymce-angular.git",
   "author": "Ephox Inc",
   "license": "Apache-2.0",

tinymce-angular-component/src/editor/editor.component.ts

@@ -37,6 +37,18 @@ export class EditorComponent extends Events implements AfterViewInit, ControlVal
   @Input() plugins: string | undefined;
   @Input() toolbar: string | string[] | null = null;
 
+  private _disabled: boolean | undefined;
+  @Input()
+  set disabled(val) {
+    this._disabled = val;
+    if (this.editor && this.editor.initialized) {
+      this.editor.setMode(val ? 'readonly' : 'design');
+    }
+  }
+  get disabled() {
+    return this._disabled;
+  }
+
   private onTouchedCallback = () => {};
   private onChangeCallback = (x: any) => {};
 
@@ -110,6 +122,7 @@ export class EditorComponent extends Events implements AfterViewInit, ControlVal
       ...this.init,
       target: this.element,
       inline: this.inline,
+      readonly: this.disabled,
       plugins: mergePlugins(this.init && this.init.plugins, this.plugins),
       toolbar: this.toolbar || (this.init && this.init.toolbar),
       setup: (editor: any) => {