Search code examples
angularckeditorangular8ckeditor4.x

Template js doesn't work after CKEditor enable/disable


In my template I was integrate ckeditor4 (^4.15.0), and I have logic that user can enable/disable editor, after disable editor template's tab navigation doesn't work.

StackBlitz: https://stackblitz.com/edit/angular-minimal-medium-editor-example-owkegm

Video: https://user-images.githubusercontent.com/37144283/133139868-445a64af-b5c1-4cdd-b82a-bab2dd1c8d2d.mp4

Description of video: At the start editor is enabled (places where there are dashed lines these are editable areas, and editor can work), and I do not click any area and just disable editor, after that I click on tabs and they works, but after I again enable editor, click on the one of tabs, editor starts working, and again I do not change anything, just activate editor on this tab area, and after again disable editor and after that when I click on tabs they do not work, it's strange because in Inspect element I see that nothing changed in html part also (e.g. deleting any attribute or something like this).

P.S. If I do click on other area (not on tab) editors activate and after that disable editor, tabs works perfectly, I'm getting this issue only in case when I do click on tab navigation area.


Solution

  • Issue is solved by remove scripts from the template and add them back to the template. Thanks!