CKeditor instance already exists

Question

I found several similar messages about this when the stack overflowed, but there is not a single answer that works.

I have several tabs on the page, depending on which they click on, they will see a specific tab. On one of the tabs there is CKeditor, which is initiated by pressing the li button. When the user clicks this special tab on another and then returns this error:

An unused instance of the utilDesc editor is already attached to the provided item.

Here is the JS:

    $('.addVacancy').click( function() {
        if(CKEDITOR.instances.employDesc)  {
            alert('instance exists');
            var editor = CKEDITOR.instances[employDesc];
            if (editor) { 
                editor.destroy(true); 
            } 
            alert('distroyed');
        }   
        CKEDITOR.replace('employDesc');
    });

Both warnings appear, but then it is interrupted when an error appears in the console. Can anyone help with this?

thank

Answer 1

employDesc, CKEDITOR.instances["employDesc"];

$('.addVacancy').click( function() {
    var editor = CKEDITOR.instances.employDesc;
    if (editor) {
        alert('instance exists');
        editor.destroy(true); 
        alert('destroyed');
    }   
    CKEDITOR.replace('employDesc');
});

, .

Answer 2

, , . :

var notes = 'div-name';
$('#'+notes).html('');
CKEDITOR.appendTo( notes );

CKEDITOR.replace, CKEDITOR.appendTo

, - .

Answer 3

if (CKEDITOR.instances['tresc']) {
    CKEDITOR.remove(CKEDITOR.instances['tresc']);
} else{
    CKEDITOR.replace( 'tresc');
}

Answer 4

- , , , . , , .

var editor = CKEDITOR.instances.['employDesc'];
    if (!editor){
        CKEDITOR.replace('employDesc');
    }