How Do I Change the Size of the Editor?

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

To define the default size of the editor, use the width and height configuration settings.

Note that the width value can be given as a number representing the value in pixels or as a percent representing the size relative to the parent element containing the editor.

config.width = 850;
config.width = '75%';

The height value defines the height of CKEditor editing area and can be given in pixels or em. Percent values are not supported.

config.height = 500;
config.height = '25em';
config.height = '300px';
This page was last edited on 9 February 2011, at 11:28.