vovasharp.blogg.se - Ckeditor height

CKEDITOR HEIGHT MANUAL

The Auto Grow feature allows the editor to automatically expand and shrink vertically depending on the amount and size of content entered in its editing area.Refer to the following resources for more information about editor resizing: See the working “Setting Editor Size” sample that showcases an editor instance with modified dimensions. It even allows changing the editor size on the fly! # Editor Size Demo

CKEDITOR HEIGHT MANUAL

The editor can also be configured to automatically adjust its height to the size of content entered in its editing area thanks to an optional Auto Grow plugin.Īdditionally, the Editor Resize plugin provides numerous resize options for the classic editor, including the manual resize handle, setting minimum and maximum editor dimensions after resizing or influencing the resize direction. This configuration option accepts an integer (to denote a value in pixels) or any CSS-defined length unit except percent ( %) values which are not supported.įor example: config.height = 500 // 500 pixels high.Ĭonfig.height = '25em' // CSS unit (em). The option sets the height of the editing area with CKEditor 4 content - it does not include the toolbar or the bottom bar. This configuration option accepts an integer (to denote a value in pixels) or any CSS-defined length unit, including percent ( %).įor example: config.width = 500 // 500 pixels wide.Ĭonfig.width = '75%' // CSS unit (percent). The option sets the outer size of the entire editor interface, including the border. The image below presents a really small editor instance with reduced toolbar, bottom bar, and size. The easiest way to achieve that is to use the and settings to adjust the editor user interface size. You need to adjust the editor UI to your page layout.You customized the toolbar, removing some buttons, and want to adjust the editor width to the reduced toolbar.

You do not want the editor to dominate your page visually by taking too much space.

The editor will only be used to submit very short (or very long) texts.

Here are a few situations where you may consider changing the default values: By default, the editor width equals the width of its container element in the page, while its height is set to 200 pixels. The width and height of the classic editor can be customized to match its context and predicted usage. The config.width and config.height settings are ignored by inline editor.

Editor size can only be modified in classic editor.