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

【问题标题】：Get UI button clicked on CK Editor toolbar在 CK 编辑器工具栏上单击获取 UI 按钮
【发布时间】：2013-09-03 16:38:03
【问题描述】：

我已经为 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 元素附加到工具栏，我需要一个相对锚点以便将其显示在屏幕上的正确位置。

我正在使用 CK Editor 4.2

【问题讨论】：

标签： javascript jquery ckeditor

【解决方案1】：

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

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

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

【讨论】：