更改编辑区域背景颜色

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在div区域编辑时忽略了contentsCss。有什么想法吗？

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' );
        }
    }
} );