javascript - 单击 CK 编辑器工具栏上的获取 UI 按钮

Question

我为 CK Editor 构建了一个非常简单的插件(因为显然这是向工具栏添加自定义按钮的唯一方法？)

我想知道如何在单击自定义按钮时获取自定义按钮的 DOM ID(或允许我创建 jQuery 对象的任何代表该按钮的对象)

(function () {
    CKEDITOR.plugins.add('myplugin', {
        icons: 'myicon',
        hidpi: true,
        init: function (editor) {

            editor.addCommand('mycommand', {
                exec : function(editor) {
                    // get button information
                }
            });

            editor.ui.addButton && editor.ui.addButton('MyCommand', {
                label: 'Custom Action',
                command: 'mycommand',
                toolbar: 'insert,5',
                icon: 'myicon'
            });

        }

    });
})();

我想在单击按钮时将我自己的自定义 UI 元素附加到工具栏，我需要一个相对 anchor 才能将其显示在屏幕上的正确位置。

我正在使用 CK Editor 4.2

Answer 1

在您的情况下，您可以使用以下代码(使用 jQuery)访问该按钮:

$(document).on('click', '.cke_button__mycommand', function(){
    // do stuff
});

您可以使用浏览器检查工具栏以获取更多信息。