fix(ngx-jodit-pro): value not changing on reactive form

Merge pull request #36 from Duke-of-Karamel/fix/Jodit-pro-reactive-forms-value-not-changing

Author: julianpoemp

libs/ngx-jodit-pro/src/lib/ngx-jodit-pro.component.ts

@@ -47,7 +47,7 @@ export class NgxJoditProComponent implements ControlValueAccessor, AfterViewInit
     this._options = value;
 
     if (value) {
-      this.initJoditContainer();
+      this.initJoditContainer().then();
     }
   }
 
@@ -105,8 +105,8 @@ export class NgxJoditProComponent implements ControlValueAccessor, AfterViewInit
       // Prevent ExpressionChangedAfterItHasBeenCheckedError
       delay(0)
     ).subscribe(([[_, initialized], text]) => {
-      if (this.joditContainer?.nativeElement && initialized) {
-        this.joditContainer.nativeElement.innerHTML = text;
+      if (this.jodit && initialized) {
+        this.jodit.setEditorValue(text);
       }
     });
   }
@@ -122,23 +122,24 @@ export class NgxJoditProComponent implements ControlValueAccessor, AfterViewInit
     );
   }
 
-  ngAfterViewInit() {
-    this.initJoditContainer();
+  async ngAfterViewInit() {
+    await this.initJoditContainer();
   }
 
   ngOnDestroy() {
     this.valueSubscription?.unsubscribe();
     this.jodit?.events.destruct();
   }
 
-  initJoditContainer() {
+  async initJoditContainer() {
     if (this.joditContainer?.nativeElement) {
       if (this.jodit) {
         this.jodit.destruct();
         this.joditInitializedSubject.next(false);
       }
       this.jodit = Jodit.make(this.joditContainer.nativeElement, this._options) as IJodit;
-      this.joditContainer.nativeElement.innerHTML = this.valueSubject.getValue();
+      await this.jodit.waitForReady();
+      this.jodit.setEditorValue(this.valueSubject.getValue());
 
       this.jodit.events.on('change', (text: string) => {
         this.internValueChange = true;