CKEditor New Instance toujours déchargé

J'utilise CKEditor dans mon application Angular et j'ai une vue qui recharge mon instance CKEditor chaque fois que les utilisateurs accèdent à un nouveau modèle.

J'utilise les JS suivants pour initialiser l'éditeur:

var initEditor = function() { $('.js-editor-wrap').html("<textarea id='editor'></textarea>"); var editor = CKEDITOR.replace('editor', {}); editor.on('loaded', function() { console.log('editor loaded'); }); editor.on('instanceReady', function() { console.log('instance ready') }); } 

Et ce qui suit pour détruire l'éditeur:

 var destroyEditor = function() { if (CKEDITOR.instances['editor']) { CKEDITOR.instances['editor'].destroy(true); $('#editor').off().remove(); } } 

La première initialisation de l'éditeur fonctionne comme prévu, mais les initialisations ultérieures créent une instance d'éditeur avec un état de "déchargé" qui déclenche jamais les événements "chargés" ou "instanceReady". Je ne vois aucune erreur dans la console.

Des idées qui pourraient causer cela?

C'est certainement un problème similaire à celui qui suit, mais assez différent, je pense qu'il justifie sa propre question: l' instance CKEditor existe déjà

Après avoir creusé beaucoup et grâce au jsfiddle de Jey Dwork, j'ai compris où le problème est ici. Mon fichier de configuration CKEditor ajoute quelques plugins référencés dans les fichiers lang nommés incorrectement. Pour une raison quelconque, lorsque ces plugins ont été inclus ensemble, ils ont empêché l'éditeur de ne pas charger complètement lors d'une seconde initialisation.

La suppression des fichiers lang et leur référence dans les définitions du plugin ont résolu le problème. C'est dommage qu'il n'y ait pas eu d'erreur qui a été déclenchée à ce sujet. Tout va bien qui finit bien.