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/

ckeditor在表单重置按钮上更改uicolor

1 个答案: