Hello all.
First let me describe my page setup. It is a fairly simple form with your standard controls. There is one textarea that I want to turn into a ck editor. The default view for this form is a "read only" view where you see information in formated html. The info is drawn from a record in a database.
When you click an edit button an AJAX call is made and the read only view is replaced with a form that is prepopulated with values that are again from a record in a database. I turn a textarea into a ckeditor with
CKEDITOR.replace('textid'). This works fine. After save is hit the data is saved and another AJAX call is made and the edit view is replaced with the read only view now with the new information.
The problem lies in hitting edit again without a page refresh. All I see is a blank space where the textarea should be, no ckeditor, nothing. When I check with dev tools I find the textarea is on the page but has an inline style of hidden. The CKEDITOR.replace('textid') code is run again and I assume that is what is messing things up. Even though this is technically a "new" page since it's being called from the server fresh I'm assuming something being held in memory is messing things up.
Could anyone suggest a solution for this? I was looking for a way to remove ckeditor from an element(thinking I could remove it before I apply it) but couldn't find it. Any insight or suggestions anyone could offer on this problem would be very much appreciated. Thanks much.
First let me describe my page setup. It is a fairly simple form with your standard controls. There is one textarea that I want to turn into a ck editor. The default view for this form is a "read only" view where you see information in formated html. The info is drawn from a record in a database.
When you click an edit button an AJAX call is made and the read only view is replaced with a form that is prepopulated with values that are again from a record in a database. I turn a textarea into a ckeditor with
CKEDITOR.replace('textid'). This works fine. After save is hit the data is saved and another AJAX call is made and the edit view is replaced with the read only view now with the new information.
The problem lies in hitting edit again without a page refresh. All I see is a blank space where the textarea should be, no ckeditor, nothing. When I check with dev tools I find the textarea is on the page but has an inline style of hidden. The CKEDITOR.replace('textid') code is run again and I assume that is what is messing things up. Even though this is technically a "new" page since it's being called from the server fresh I'm assuming something being held in memory is messing things up.
Could anyone suggest a solution for this? I was looking for a way to remove ckeditor from an element(thinking I could remove it before I apply it) but couldn't find it. Any insight or suggestions anyone could offer on this problem would be very much appreciated. Thanks much.
Re: Problem when loading page in with AJAX more than once
Hope that helps someone.
Re: Problem when loading page in with AJAX more than once