Tinymce.init not working on the redirection from the app

[aviramroi]

What is the current behavior? https://www.loom.com/share/932118fb3a5c48a0b24510ecb7b09ca9

I implement it this way - the #mymce1 is rendered

import "tinymce";
import "@tinymce/tinymce-angular";

declare var tinymce: any;

  ngOnInit() {
    let _this = this;
    tinymce.init({
      selector: "#mymce1",
      toolbar: "bold italic underline | alignleft aligncenter " + "alignright | bullist numlist  | ",
      menubar: false,
      statusbar: false,
      plugins: ["advlist autolink lists link ", " paste "],
      my_custom_variable: _this,
      init_instance_callback: this.handleValueChanged,
    });
}

What is the expected behavior? when the page is refreshed and reloaded it working as expected, when it redirected by the router of the app - it's not working

Which versions of TinyMCE/TinyMCE-Angular, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or TinyMCE-Angular?

angular version - 7.2.16 tinymce version - cloud 5

[krishnafj]

I am also having same issue with my angular app. Refresh/Reloading works but doesn't work when redirecting through router. Only textarea shows without the editor controls.

angular version - 9.0.5 tinymce version - cloud 5

[jscasca]

Hey @logikalcamp it seems like you are not using the tinymce-angular integration and you are initialising the editor by yourself? Do you get the same behaviour when using the editor tag from the tinymce-angular integration?

You can find more on how to use the integration here: Tinymce Angular quick start guide

@krishnafj are you using a similar code initialisation? If you are using the integration, can you provide a codesandbox replication of the issue?

[liesahead]

@krishnafj , if you see only textarea, maybe you forgot to import styles or scripts that are required for tinymce to work?

[exalate-issue-sync[bot]]

Ref: INT-2542

[jscasca]

Closing due to inactivity