Search code examples
javascriptjquerytinymce

TinyMCE width and height disobedient!

According to the (conflicting) documentation of TinyMCE, the editor takes on the size of the textarea (or other) element that it replaces. It also says that you can set the size of the editor by specifying { height: '123', width: '123' } in the init method.

I have tried BOTH and still get only one result - the editor resizes itself to (how it remembers is beyond me) what it was the last time a user resized it.

Solution

  • I know all about this, it is very annoying.

    Adding this to any loaded CSS file fixed the width for me (I just put it in the global css, not in any of the TinyMCE css files, I did not test with height):

    .mceEditor > table {
    width:/* my width */ !important;
}

    This would affect all instances, which was fine in my case. You can target the toolbar itself with .mceToolbar

    You kind of do want TinyMCE to resize the textarea, so it can be wide enough to fit all the toolbar icons.