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

Question

如何在点击我的插件假图片时将CKEditor工具栏按钮样式设置为"clicked"（cke_button_off CSS class改为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 字符串是插件名称。

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

Set button clicked when clicking on plugin fake image

javascript

ckeditor