ckeditor - 更改编辑区域背景颜色

Question

如何使用ckeditor插件“Div编辑区域”更改编辑区域背景颜色？

使用“Iframe 编辑区域”插件，我使用contentsCss它像这样改变正文部分，它工作正常：

CKEDITOR.replace('Description',
        {
            uiColor: '#a7bdea',
            width: 'auto',
            height: '150',
            enterMode: CKEDITOR.ENTER_BR,
            shiftEnterMode: CKEDITOR.ENTER_P,
            contentsCss : body{ background : red}
        });

但似乎 ckeditor 忽略contentsCss了 div 区域编辑。有任何想法吗？

Answer 1

将此行添加到您的代码中：

CKEDITOR.addCss(".cke_editable{background-color: red}");

Answer 2

残酷，但有效：

CKEDITOR.replace( 'editor1', {
    extraPlugins: 'divarea',
    on: {
        instanceReady: function() {
            this.editable().setStyle( 'background-color', 'red' );
        }
    }
} );