javascript - 单击插件假图像时单击设置按钮

Question

当点击我的插件假图像时，如何将 CKEditor 工具栏按钮样式设置为“已点击”(cke_button_off CSS 类更改为 cke_button_on)？是否有任何功能或特殊配置的可能性？

类似这样的事情:

Answer 1

我已经用这段代码完成了:

editor.on('selectionChange', function() {
    var range = editor.getSelection().getRanges()[0];
    var el    = editor.document.createElement('div');

    el.append(range.cloneContents());

    var $sel = $(el.getHtml());

    if($sel.hasClass('cke_galleries')) {
        $('.cke_button__galleries')
            .removeClass('cke_button_off')
            .addClass('cke_button_on');
    } else {
        $('.cke_button__galleries')
            .addClass('cke_button_off')
            .removeClass('cke_button_on');
    }
});

不知道这是否是好的做法，但它确实有效。如果有人知道其他可能性，请告诉我；)。类中的 galleries 字符串是插件名称。