CKEditor - zerstören einer Instanz, wenn die DOM-Knoten wurde gelöscht

Durch die Lektüre CKEditor-Dokumentation, ich sehe, Sie haben eine option zum zerstören einer Instanz mit CKEDITOR.instances.instanceName.destroy();. Allerdings, wenn der DOM hat sich verändert, und die ganze WYSIWYG-DOM-Struktur entfernt wurde, bekomme ich die folgende Fehlermeldung im Chrome:

Uncaught TypeError: Cannot read property 'document' of null

...und die folgenden in Firefox:

i.contentWindow is null

Gibt es eine Möglichkeit dies zu umgehen?

Aufgrund der Art, wie die app aufgebaut ist (laden von Inhalten per AJAX), kann ich nicht nennen .destroy() wenn die Elemente noch auf der Seite.

InformationsquelleAutor Joseph Silber | 2011-11-01
  1. 16

    Wenn Sie brauchen, um zu zerstören, die ckeditor-Objekt und das elemnets in den DOM NACH einem AJAX-Aufruf, Sie können tun es, indem Sie einen booleschen parameter nach dem Aufruf der Funktion destroy(true). Auf diese Weise wird es nicht versuchen, aktualisieren Sie die DOM:

    var editor = CKEDITOR.instances[name];
if (editor) { editor.destroy(true); }
CKEDITOR.replace(name);

    Ich schrieb 2 Funktionen Steuern zu können, diese Dinge ein bisschen besser. Beachten Sie, dass ich habe deklariert eine variable, bevor diese Funktionen genutzt werden können, aber es gibt viel schlankeres Wege, aber dieser Ansatz war gut genug für die Zwecke die ich es brauchte(die ich verwenden und brauche nur ein Beispiel):

        if(typeof(editor) == 'undefined')
        var editor=null;

    function ck_delete(editor)
    {
        if(typeof(editor) != 'undefined' && editor!=null)
            editor.destroy();
    }

    function ck_init(ck_inst_name)
    {
        var el_id=document.getElementById(ck_inst_name);
        if(typeof(el_id) != 'undefined' && el_id!=null)
        {
            if(typeof(editor) == 'undefined' || editor==null)
            {
                editor=CKEDITOR.replace( ck_inst_name );
            }
            else
            {
                ck_delete(editor);
                editor=null;
                editor = CKEDITOR.replace( ck_inst_name );
            }
        }
    }

    Ich auch prüfen, ob ein HTML-element, das ersetzt werden soll vorhanden ist, so dass ich nicht eine Fehlermeldung erhalten.

    • Dies löste eine ähnliche (die gleiche?) problem für mich (ersetzt ckeditor basierend auf Rückgabe des AJAX-call), aber ich bekomme immer noch die " Uncaught TypeError (wie im OP). Ich bin mir nicht sicher, ob es irgendwelche Nebenwirkungen, aber ich möchte, um loszuwerden, der Fehlermeldung. Mein code zum laden des Editors ist: <code>Fenster.makeCkEditor = function(e, w, h) { var cki, config, ei; ei = CKEDITOR.Instanzen[e]; wenn (ei) ei.destroy(true); config = { Breite: B, Höhe: h }; return cki = CKEDITOR.ersetzen(e, config); };</code> Irgendwelche Ideen auf, wie kann ich loswerden der msg?
    • Ich habe einen etwas anderen Ansatz, aber Sie haben versucht, das zu zerstören, ck-Objekt vor dem AJAX-call?
    • destroy(true) scheint zu funktionieren : )
    • Die destory(true) schien für mich arbeiten!
    • Gerade lief in dieses problem, und wie versprochen, detroy(true) gearbeitet, um das problem zu beheben. Danke!!!
    InformationsquelleAutor Erik Čerpnjak
  2. 2

    Kannst du einen der patches an http://dev.ckeditor.com/ticket/8226 und es wird funktionieren. Ich schlage vor, diese ein: http://dev.ckeditor.com/attachment/ticket/8226/8226_5.patch

    • Ich bin ein wenig neu in der Befehlszeile; Wie Wende ich diesen patch? Ich bin auf Windows 7 x64.
    • Es wäre zu Komplex, nur das zu tun. Die Art und Weise, dass ich die Arbeit mit einem SVN-Kopie, es ist einfach mit TortoiseSVN, dann über das Kontext-Menü auf den Ordner, verwenden Sie die Patch-option und nach, dass Sie zu packen alle die CKEditor-code (so müssen Sie auch Java installiert haben). Es ist eine Schande, dass Sie verpflichtet sind, alle Schritte, nur weil Sie nicht wie der patch-und vorgeschlagen, etwas komplexer, die am Ende noch nicht Hinzugefügt.
    • Na, da bin ich nicht mit SVN, ich ging durch die patch Datei, und all diese änderungen manuell. Nun, alle diese änderungen wurden unter der _source Ordner. Ich gehe davon aus ckeditor.js ist irgendwie kompiliert/verkettet/aus komprimiert alle Dateien. Wie würde ich tun?
    • Dieser doc erklärt der Kompression: docs.cksource.com/CKEditor_3.x/Developers_Guide/CKPackager, Aber obwohl es heißt, dass es eine exe-Datei, es scheint, du brauchst noch die Java-Umgebung sowieso so würde ich es vergessen.
    • Sie alle arbeiteten. Ich glaube nicht, dass Sie müssen die Java-Umgebung mit der exe.
    • Toll. Jemand erklärte, dass es nicht funktioniert ohne Java installiert ist, und ich vertraue ihm, anstatt zu versuchen, um zu überprüfen, dass.

    InformationsquelleAutor AlfonsoML
  3. 1

    Hatten wir dieses problem der Integration von CKEDITOR in GWT, in einem popup-dialog. Wenn der dialog zerstört wurde, CKEDITOR angehoben diesen Fehler "Cannot read property 'document' ist null." Die Lösung wurde zu zerstören, CKEDITOR, bevor Sie den dialog schließen. (Hatten wir erweitern die GWT-Klasse ckeditor in Ordnung, dies zu ändern - mit dem editor.destroy(true) syntax gegeben von Erik - Danke, Erik!)

    • Kein problem, bin froh, dass ich helfen konnte
    InformationsquelleAutor eon
Schreibe einen Kommentar