How to fix CKEditor 4 default theme in Django admin

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:

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:

moono with fix


comments powered by Disqus