How to fix CKEditor 4 default theme in Django admin

22 Dec 2012

CKEditor 4 default theme, mOOno, is very nice and has a good set of features:

  • neutral design that fits all situations;
  • optimized for accessibility, using WAI-ARIA standards for contrast;
  • supports the UI color feature;
  • supports High Contrast.

But inside Django admin there is a little layout problem:

image of moono without fix

To fix this issue you may use the following css snippet:

div>.cke_chrome {
    width: 100%;
    padding: 0!important;
    clear: both;
}

The result is this:

image of moono with fix