How can I change the height of the CKEditor window without using the solution outlined here which requires the WYSIWYG module. I can't spot where the height is defined in the CK module.

Ideally I'd like to be able to set it per profile and I'd prefer not to add an extra module if possible.

Has anyone dealt with this before?

  • Do you want a different height per profile (so each user has a different height) or per role?
    – Felix Eve
    Commented Mar 28, 2014 at 14:55
  • @FelixEve Either per user role, or just per CKEditor profile type (So full is a different height from filtered). At the moment I've just been switching it with firebug, but it's not really an option for everyone else. Commented Mar 28, 2014 at 15:15
  • How you installed CKEditor in the first place? Custom code, some module other than WYSIWYG module? Or maybe some hack at the theme level (I know, sounds weird, but seen that once)?
    – Mołot
    Commented Mar 28, 2014 at 15:20

1 Answer 1



The patch in this thread on DO fixes this issue.

Looking at the ckeditor demo on this page it is possible to change the height of the editor with css alone.

The div .cke_contents has an element style setting the height to 300px, however a rule in the stylesheet marked as important would overrule this.

So, if you can add the roles of the user as a classes of say the body, then you could include:

.role1 .cke_contents {
    height: 400px !important;
.role2 .cke_contents {
    height: 100px !important;

Alternatively there may be a class added by the CKEditor profile type that you could use.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.