Wie kommt man Daten von CKEDITOR5 Instanz

Question

Ich weiß, dass für CKEDITOR4, können Sie die Textarea Daten wie folgt zu erreichen:

var content = CKEDITOR.instances['comment'].getData(); 

Wie dies für CKEDITOR5 getan wird?

Answer 1

Sie können die Antwort in der Basic API Anleitung finden.

Grundsätzlich gibt es in CKEditor 5 kein einziges globales Editoren-Repository (wie die alte globale Variable CKEDITOR.instances). Dies bedeutet, dass Sie den Verweis auf den Editor zu halten brauchen, die Sie erstellt und diese Referenz benutzen, wenn Sie die Daten abrufen werden möchten:

ClassicEditor 
    .create(document.querySelector('#editor')) 
    .then(editor => { 
     editor.getData(); // -> '<p>Foo!</p>' 
    }) 
    .catch(error => { 
     console.error(error); 
    }); 

Wenn Sie die Daten auf einigen anderen Gelegenheiten abzurufen (wer würde lesen sie es gerade nach dem Editor initialisiert, rechts;)), dann den Verweis auf den Editor speichern in einigen gemeinsamen Objekt Ihrer Anwendung des Staates oder eine Variable im Rahmen:

let theEditor; 

ClassicEditor 
    .create(document.querySelector('#editor')) 
    .then(editor => { 
     theEditor = editor; // Save for later use. 
    }) 
    .catch(error => { 
     console.error(error); 
    }); 

function getDataFromTheEditor() { 
    return theEditor.getData(); 
} 

sehen sie diese JSFiddle: https://jsfiddle.net/2h2rq5u2/

EDIT: Wenn Sie mehr als eine Editorinstanz verwalten müssen, siehe CKEDITOR 5 get editor instances.