1

我为 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

4

1 回答 1

2

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

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

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

于 2013-09-03T17:14:41.737 回答