2013-08-02 428 views
0

如何使用ckeditor插件「Div編輯區」更改編輯區背景顏色?更改編輯區背景顏色

隨着「I幀編輯區域」插件,我用contentsCss能改變主體部分是這樣,它工作正常:

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

但似乎忽略的CKEditor與contentsCss格面積的編輯。有任何想法嗎?

+0

的['config.contentsCss'](http://docs.ckeditor.com/#! /api/CKEDITOR.config-cfg-contentsCss)是一個字符串(或字符串數​​組)。這些字符串是樣式表文件的URL。這就是CKEditor忽略你的設置的原因。 – Reinmar

回答

0

殘酷的,但工作:

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

此行添加到您的代碼:

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