如何清除應用於元素的自定義樣式？

Question

隨着Ckeditor 4x，當你添加custom styles，你不能使用「刪除格式」​​按鈕，它不會刪除樣式（類）。

它似乎使用的默認樣式只有當被工作良好。

Answer 1

有幾件事情在這裏解釋一下，因爲在過去，它並不像看起來那麼容易採取的設計決策。

1. 默認只有內嵌樣式與RemoveFormat去除。
2. 爲了刪除由樣式下拉菜單應用的塊樣式，您需要在該下拉框中取消選擇它們（它在切換模式下工作）。你會比使用H1這樣的原始標籤留下來，你可以在Format下拉菜單的幫助下將其更改爲P這樣的另一個標籤。 必須按照該順序進行。

3. 看來最好的解決方案是覆蓋addRemoveFormatFilter方法。比方說，例如，你希望只從H1-H3刪除格式：

   var editor = CKEDITOR.replace('textarea_id'); 
   editor.on('pluginsLoaded', function(ev) { 
       editor.addRemoveFormatFilter(function(element) { 
        return element.is('h3') || element.is('h1') || element.is('h2'); 
       });    
   }); 
   

當然，如果事情是一個特定的元素或沒有，你可以在這裏並不僅僅是一個簡單的檢查，使用更先進的代碼。例如，您可以使用checkElementRemovable方法來檢查特定元素是否與特定樣式匹配。

請注意，有必要選擇整個塊元素來刪除其格式。在某些情況下一個包含浮動圖像的頭部，可能需要使用該元素的路徑來選擇該元素，因爲使用鼠標很難選擇該元素。