Anna: Article contents added

2011-02-24T18:11:06Z

Article contents added

New page

{{#CUSTOMTITLE:How Do I Change the Size of the Editor on the Fly?}}
Besides defining a [[CKEditor_3.x/Howto/Editor_Size|default size]] of the editor window you can also change the size of a CKEditor instance on the fly.

To achieve this, use the [http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#resize resize] function to define the dimensions of the editor interface, assigning the window a width and height value in pixels or CSS-accepted units.

<source lang="javascript">
// Set editor width to 100% and height to 350px.
editor.resize( '100%', '350' )
</source>

While setting the height value, use the <code>isContentHeight</code> parameter to decide whether the value applies to the whole editor [[CKEditor_3.x/Users_Guide/Interface|interface]] or just the [[CKEditor_3.x/Users_Guide/Interface/Editing_Area|editing area]].

<source lang="javascript">
// The height value now applies to the editing area.
editor.resize( '100%', '350', true )
</source>

CKEditor 3.x/Howto/Editor Size On The Fly - Revision history

Anna: Article contents added