Question

我有一个页面，我有一个div，我需要能够使用几个不同的代码更新。我在另一个div中使用onClick事件，它调用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”项目，因此无法进行替换。

我需要能够随时随意地加载我需要的任何例程。我需要做些什么才能做到这一点？

谢谢，

肖恩。

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

如何用CKEDITOR更新div？

1 个答案: