ngFor with ng2-ckeditor

I use ckditor with ngFor, please see plnkr below. plnkr: https://plnkr.co/edit/Rl4bBoMKOe6xFsduBaaS?p=preview

• when click button remove me 0, and then ckeditor break.
• when click button remove me 1, ckeditor still can use.

Did I miss something?

[chymz]

Here is the fix : https://embed.plnkr.co/PqRdBfUdvJ71uUPzY8vG/

You need to include divarea plugin :

<ckeditor [(ngModel)]="content" [config]="{extraPlugins: 'divarea'}"></ckeditor>

Inline mode is not available atm.

Thanks for reporting this !

[rmcsharry]

Note that using ‘divarea’ does make this error go away BUT the side effect is that now you are using a div for the editor instead of the standard hidden textarea you get with the iFrame of ckeditor out of the box. This means that the CSS styles for your website now apply inside the div (ie. inside the editor area itself). So the user changing things like font style and size could easily get unexpected results.

The correct solution to this problem is to implement the ngOnDestroy hook in your component and destroy the instance of the editor, as shown here.