Question

我为CK编辑器构建了一个非常简单的插件（因为显然这是向工具栏添加自定义按钮的唯一方法吗？）

我想知道如何在点击它时获取自定义按钮的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元素附加到工具栏上，我需要一个相对定位点，以便在屏幕上的正确位置显示它。

我正在使用CK Editor 4.2

Answer 1

在您的情况下，您可以使用以下代码访问该按钮（使用jQuery）：

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

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

在CK编辑器工具栏上单击获取UI按钮

1 个答案: