jquery - ckeditor 更改表单重置按钮上的 uicolor

Question

我在表单上安装了 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 的颜色更改回默认颜色？

编辑:

Parry 的 andwser 可以工作，但会恢复完整的工具栏。

如何从我的设置中恢复默认工具栏:

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,

},

Answer 1

我认为您需要先销毁旧的 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/