Как обновить div с помощью CKEDITOR?

Question

У меня есть страница, на которой у меня есть div, который мне нужно, чтобы иметь возможность обновлять несколько различных фрагментов кода. Я использую событие onClick в другом div, которое вызывает функцию js для загрузки в соответствующий код.

Когда я первый открыть страницу, то DIV имеет только одну строку:

<textarea name="editor1" rows="35">&lt;p&gt;Edit Area.&lt;/p&gt;</textarea> 

И я использую эту функцию, чтобы получить редактора на экране:

function showEditor() { 
    CKEDITOR.replace('editor1', {height:'450'}); 
} 

(Нет, я Бесполезный Мне нужно было использовать функцию. Это была одна из моих попыток исправить проблему.)

Он отлично работает, пока он используется.

Проблема возникает после загрузки другого набора кода в div. В этот момент, если я попытаюсь загрузить в редактор снова, я получаю сообщение об ошибке, что «editor1» не определен. Ошибка возникает, если «editor1» фактически является частью нового кода, загруженного в div.

Мне кажется, что Javascript не знает о новом элементе «editor1» после новой загрузки и, следовательно, не может выполнить замену.

Мне нужно иметь возможность без разбора загружать все, что мне нужно в div в любое время. Что мне нужно сделать, чтобы это сделать?

Thanks,

Шон.

Answer 1

Попробуйте

var myEditorInstance = null; 
function showEditor() { 
    if (myEditorInstance) 
     { 
      myEditorInstance.destroy(); 
     // and if you have issues with the above you can try this ;) 
     //CKEDITOR.remove(myEditorInstance); 
     } 

    myEditorInstance = CKEDITOR.replace('editor1', {height:'450'}); 
}