javascript - 在插件命令中获取 Inline CKEditor 的当前实例

Question

我们最近离开了 tinymce，我们在那里创建了一个自定义功能，即一个工具栏按钮，一旦单击该按钮，就会在工具栏正上方向上滑动一个自定义 div，该 div 在页面加载时附加到工具栏。

现在的问题是在使用内联版本时对 CKEditor 做同样的事情。由于在任何时候都有十几个实例处于事件状态，我如何才能获取当前弹出的内联 Ckeditor 的实例，以便我可以在单击自定义插件按钮后使用 jQuery 附加到它？

使用最新版本的 CKEditor 4.x。

Answer 1

很难想象您要完成什么。无论如何，您可以观察哪个编辑器实例获得焦点(您最终可以将引用存储在某个变量中):

CKEDITOR.on( 'instanceReady', function( event ) {
    event.editor.on( 'focus', function() {
        console.log( 'focused', this );
    });
});

毕竟，您还可以浏览编辑器实例，因为它们存储在全局命名空间的 CKEDITOR.instances 对象中。有了这个，您可以通过名称、ID 和任何内容(即之前与您的按钮相关联)找到您的实例。