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

时间:2016-09-21 19:12:37

标签: javascript ckeditor

如何将CKEditor工具栏按钮样式设置为"单击"点击我的插件假图片时,{cke_button_off CSS类更改为cke_button_on)?是否有任何功能或特殊配置可能性?

这样的事情:

enter image description here

1 个答案:

答案 0 :(得分: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字符串是插件名称。