單擊插件假圖像時點擊設置按鈕

如何使CKEditor工具欄按鈕樣式設置爲「點擊」（cke_button_off CSS類更改爲cke_button_on）當點擊我的插件假圖像？是否有任何功能或特殊配置的可能性？單擊插件假圖像時點擊設置按鈕

事情是這樣的：

2016-09-21 Krzysztof Trzos

你可以在這裏查看我的答案（僅在幾個小時前）http://stackoverflow.com/questions/39619223/add-class-to-selected-image-in-ckeditor我認爲它可以幫助你:) – Dekel

那麼，目前什麼都不能說，因爲你的榜樣不起作用，或者我不明白。點擊假圖像時不能讓按鈕「點擊」。 –

這個例子給出了這個確切的東西，唯一的區別是那裏沒有圖標，所以你看不到'enabled' /'disabled'狀態之間的區別。 – Dekel

我這個代碼做了它：

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字符串是插件名稱。

來源

2016-09-22 06:24:35

單擊插件假圖像時點擊設置按鈕

回答

相關問題