ckeditor在窗體上更改顏色重置按鈕

我的窗體上安裝了我的CKEditor，因此當CKEditor出現驗證錯誤時，CKEditor會顯示爲紅色 - 因此用戶將知道哪個控件需要更正。ckeditor在窗體上更改顏色重置按鈕

我用我的形式下面的jQuery代碼以色無效的CKEditor：

CKEDITOR.instances['id_of_text_area'].config.uiColor = '#b94a48';

當我點擊形式復位按鈕，我想無效的CKEditor的的UIColor改變回默認顏色，但上面的代碼不起作用。我嘗試了幾個不同的代碼行，但似乎沒有任何工作。

下面的代碼不起作用：

CKEDITOR.replace('id_of_text_area', { uiColor: "#AADC6E" });

我將如何改變CKEditor的顏色返回到默認的顏色，當我點擊形式復位按鈕？

編輯：

帕裏的andwser作品，但重新instates完整的工具欄。

我如何復權默認的工具欄形成我的設置：

CKEDITOR_CONFIGS = { 
'default': { 
    'toolbar': [ 
     [ 'Bold', 'Italic', 'Underline' ], #, 'Strike' 
     #[ 'Cut', 'Copy', 'Paste', 'PasteFromWord' ], 
     [ 'NumberedList', 'BulletedList' ], #, 'Indent', 'Outdent' 
     [ 'SpecialChar', 'SelectAll' ], #'Table', 
     [ 'Link', 'Unlink' ], 
     #[ 'Styles' ], 
     [ 'SpellChecker', 'Scayt' ], 
     [ 'Undo', 'Redo' ], 
     [ 'Maximize' ] 
    ], 
    'width': 600, 
    'height': 60, 
    'toolbarCanCollapse': False, 
    'autoGrow_minHeight': 60, 
    'minHeight': 60, 

},

來源

2014-03-01 user3354539

我認爲你需要摧毀CKEDITOR的舊實例之前，你可以改變它的顏色。

這裏檢查這個JSFiddle。我希望它有幫助。

http://jsfiddle.net/9B9gw/2/

$(function(){ 
     CKEDITOR.replace("test"); 
     $(document).on('click', '#reset', function(){ 
      $("#form1")[0].reset(); 
      CKEDITOR.instances['test'].destroy(); 
      CKEDITOR.replace('test', { uiColor : "#AADC6E"}); 
     }); 
    });

按照更新的問題，我已經更新了的jsfiddle， http://jsfiddle.net/9B9gw/4/

來源

2014-03-02 01:27:36

我很高興它幫助。 –

謝謝。它確實有用，但並不完全如我所願。我將如何重新設置我的默認工具欄？如下所列。 – user3354539

謝謝！感謝您的協助。 – user3354539

ckeditor在窗體上更改顏色重置按鈕

回答

相關問題