Using WYSIWYG(jquery-te) inside the Flipbook(turn.js) + ANGULARJS

[Bhuwan Arora]

I need to create a WYSIWYG(using jquery-te) inside a flipbook (turn.js) in an angularjs environment.

About Turn.js: it keeps "6-pages" at any instant of time in the cache and then loads the other pages as the pages are turned. This results in angular compiled bindings to be destroyed.

The text editor is working well but it fails if I use that inside the flipbook.

Please help to figure out the problem.

This is the plunkr.

(Editor on the page 6 works, while the editor on the page 7 doesn't)