Handle editorId not being provided

wKoza · Jul 12, 2021 · ac00684 · ac00684
1 parent 247bb68
commit ac00684
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/projects/email-editor/src/lib/email-editor.component.html b/projects/email-editor/src/lib/email-editor.component.html
@@ -1 +1 @@
-<div [id]="editorId" class="unlayer-editor" [style.min-height]="minHeight"></div>
+<div [id]="id" class="unlayer-editor" [style.min-height]="minHeight"></div>
diff --git a/projects/email-editor/src/lib/email-editor.component.ts b/projects/email-editor/src/lib/email-editor.component.ts
@@ -39,13 +39,18 @@ export class EmailEditorComponent implements OnInit, AfterViewInit {
   @Input() tools: object;
   @Input() appearance: object;
   @Input() locale: string;
+  @Input() id: string;
 
   @Input() minHeight = '500px';
 
   @Output() loaded = new EventEmitter();
 
   editor: any;
 
+  constructor() {
+    this.id = this.editorId || `editor-${++lastEditorId}`;
+  }
+
   ngOnInit() {}
 
   ngAfterViewInit() {
@@ -73,7 +78,7 @@ export class EmailEditorComponent implements OnInit, AfterViewInit {
 
     this.editor = unlayer.createEditor({
       ...options,
-      id: this.editorId || `editor-${++lastEditorId}`,
+      id: this.id,
       displayMode: 'email',
       source: {
         name: pkg.name,
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<div [id]="editorId" class="unlayer-editor" [style.min-height]="minHeight"></div>
		<div [id]="id" class="unlayer-editor" [style.min-height]="minHeight"></div>