I would like to use CKEDITOR on a textarea field within a form which is within an Ajax Tab.
I thought the following would work - binding to the Load event, so CKEDITOR is triggered once the Ajax data is loaded. The form and texarea on the first Tab. However, when I click from off this tab to another it leaves the CKEDITOR tab showing. $('#tabs2').tabs( { remote: true, load: function(event, ui) { CKEDITOR.replace('editor1'); } }); I through it might be the CKEDITOR, so I got it to trigger only when on the first Tab. $('#tabs2').tabs( { remote: true, load: function(event, ui) { alert('tabs load for' + ui.index); if(ui.index == 0) { alert('running editor'); CKEDITOR.replace('editor1'); } } }); However, while this works to allow going to the other tabs, when I click back on the first tab it loses the plot - not showing the first tab, and then when clicking other tabs it does things like appending the Ajax data to the end of the tab, without clearing the original data.