You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It seems a CKEditor bug : https://dev.ckeditor.com/ticket/12258
When we move CKEditor through the dom (like ngFor does) iframe isn't updated correctly.
Solution is to use divarea plugin or inline mode.
I need to work on that... and at the same time this approach can fix #24
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.
@CHYMZ
I included divarea plugin in my project and solved this problem,but I got a new error.
core.es5.js:1020 ERROR RangeError: Maximum call stack size exceeded
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
@CHYMZ the link is broken https://embed.plnkr.co/PqRdBfUdvJ71uUPzY8vG/, and kindly update the link. I really need to configure CkEditor-5 Inline with NgFor in Angular-5 today. So kindly provide any working example.
Activity
[-]ngFor with ckeditor[/-][+]ngFor with ng2-ckeditor[/+]yabab-dev commentedon Aug 2, 2016
Thanks for this plunker !
I'll try to find a solution this week.
yabab-dev commentedon Aug 2, 2016
It seems a CKEditor bug : https://dev.ckeditor.com/ticket/12258
When we move CKEditor through the dom (like ngFor does) iframe isn't updated correctly.
Solution is to use divarea plugin or inline mode.
I need to work on that... and at the same time this approach can fix #24
yabab-dev commentedon Aug 2, 2016
Here is the fix : https://embed.plnkr.co/PqRdBfUdvJ71uUPzY8vG/
You need to include
divarea
plugin :Inline mode is not available atm.
Thanks for reporting this !
naveedahmed1 commentedon Aug 21, 2016
@CHYMZ I tried your solution but now I am receiving below error:
browser_adapter.ts:82 TypeError: Cannot read property 'getRanges' of null
rmcsharry commentedon Oct 13, 2017
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.
HalShaw commentedon Oct 16, 2017
@CHYMZ
I included divarea plugin in my project and solved this problem,but I got a new error.
core.es5.js:1020 ERROR RangeError: Maximum call stack size exceeded
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
at MouseEvent.eval [as returnValue] (eval at (:2:479), :228:28)
what should I do now?
waqasdilawar commentedon Jan 8, 2018
@CHYMZ the link is broken https://embed.plnkr.co/PqRdBfUdvJ71uUPzY8vG/, and kindly update the link. I really need to configure CkEditor-5 Inline with NgFor in Angular-5 today. So kindly provide any working example.