ckeditor content in textarea bei change event - multiple ckeditors auf form

Question

Mit viel Hilfe habe ich den CKEditor endlich dazu gebracht, den zugehörigen Textbereich zu aktualisieren. See the post here.

Allerdings bin ich ratlos, wie der CKEditor jeden zugeordneten Textbereich zu aktualisieren, wenn es mehr als 1 CKEditor auf dem Formular gibt.

Hier ist die Jquery, die ich derzeit habe. Es aktualisiert nur den letzten CKEditor zugehörigen Textbereich auf dem Formular:

for (var i in CKEDITOR.instances) { 
     CKEDITOR.instances[i].on('change', function() { CKEDITOR.instances[i].updateElement() }); //update the relative hidden textarea. 
    } 

Wie aktualisiere ich jeden zugehörigen CKEditor Textbereich, wenn ich 5 oder 10 CKEditors auf dem Formular?

Answer 1

Für jede Instanz des ckeditor, die Sie auf Ihrer Seite installieren möchten, fügen Sie den folgenden Code in Ihre jquery Skript:

CKEDITOR.instances['id_of_text_area'].on('change', function() { CKEDITOR.instances['id_of_text_area'].updateElement() }); 

Das obige JavaScript sollte den Code ersetzen, den ich in der ursprünglichen Frage angezeigt habe.

Ich hoffe, dass dies jemand helfen wird.

Answer 2

Der Code, den Sie geschrieben haben, wird die Textfläche von nur einem CKEditor gleichzeitig aktualisieren, da ein Änderungsereignis zu jedem CKEditor hinzugefügt wird. Dadurch wird immer das letzte Element aktualisiert, das geändert wurde.

So wie ich updation mehrerer CKEditors handhaben ist durch diesen Code verwenden, wenn mein Formular

for (var i in CKEDITOR.instances) { 
    CKEDITOR.instances[i].updateElement(); 
} 

Answer 3

Falls Sie Textfeldelemente von Klassennamen, nur tun dies ersetzen:

CKEDITOR.on('instanceReady', function(event) { 
    var editor = event.editor; 

    editor.on('change', function(event) { 
     // Sync textarea 
     this.updateElement(); 
    }); 
});