Как обновить 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 в любое время.Что мне нужно сделать, чтобы сделать это?

Спасибо,

Шон.

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'} );
}