The forum operates in read-only mode. Please head to StackOverflow for support.

Fri, 12/04/2009 - 10:41

shafty

Joined: 04/12/2009

Posts: 2

Where do i set the height and widht ?

Where can i set the height and width of the input window?
When i use the drag to resize in the bottom right the window expands out of the <div> and i only see half the window.

My config >
<head>
<script type="text/javascript" src="includes/ckeditor/ckeditor.js"></script>
</head>

<textarea name="newstext"></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'newstext',
{
toolbar : 'Basic',
uiColor : '#eeeeee'
});

Tue, 12/08/2009 - 20:00

adico

Joined: 02/11/2009

Posts: 100

Re: Where do i set the height and widht ?

try this...

CKEDITOR.replace( 'newstext',
{
toolbar : 'Basic',
uiColor : '#eeeeee',
width:  '550px',
height: '200px'
});

Mon, 12/14/2009 - 09:15

shafty

Joined: 04/12/2009

Posts: 2

Re: Where do i set the height and widht ?

i tried the code above but the widow dosent change, its still the original height and width and when i drag to resize (button in the bottom right corner) the window still expands outside the <div>.

is there a way to have a fixed size and remove the resize feature in that is located at the bottom right corner?

Mon, 12/14/2009 - 09:43

beld

Joined: 11/12/2009

Posts: 5

Re: Where do i set the height and widht ?

you can use the config.js that is (or can be placed) in the same directory as ckeditor.js.

The config looks something like this.

CKEDITOR.editorConfig = function( config )
{
   // Define changes to default configuration here. For example:
   // config.language = 'fr';
   // config.uiColor = '#AADC6E';
  config.resize_enabled = false; // if you can resize
  config.resize_maxHeight = 600; // max resize height
  config.resize_maxWidth = 500; // max resize width
  config.resize_minHeight = 600; // min resize height
  config.resize_minWidth = 500; // min resize width
  config.width = 500; // starting width
  config.height = 600; // starting height
};

There are more options that can be listed in this list.
see the documentation of ckeditor for them.

Best Regards,
Ben Zegveld.

Thu, 01/14/2010 - 23:13

elewis33

Joined: 14/01/2010

Posts: 4

Re: Where do i set the height and widht ?

Beld wrote:you can use the config.js that is (or can be placed) in the same directory as ckeditor.js.
...
Best Regards,
Ben Zegveld.

Here is my config.js:

CKEDITOR.editorConfig = function( config )
{
   // Define changes to default configuration here. For example:
   // config.language = 'fr';
   // config.uiColor = '#AADC6E';
  config.toolbar =
[
    ['Source','-','Preview'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Bold','Italic','Underline'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Link','Unlink','Anchor'],
    ['Image','Table','HorizontalRule','Smiley','SpecialChar'],
    '/',
    ['Styles','Format','Font','FontSize'],
    ['Maximize', 'ShowBlocks','-','About']
];
  config.resize_enabled = true;
  config.resize_maxWidth = 550;
  config.height = 300;
  config.width = 550;
  config.toolbarStartupExpanded = false;
};

As the OP said, whenever I try to resize the editor is expands well beyond the resize_maxWidth. I'd really like to be able to use resizing but this is untenable. Anyone seen this behavior and got any ideas where I can start looking?

Earl

Thu, 01/14/2010 - 23:15

elewis33

Joined: 14/01/2010

Posts: 4

Re: Where do i set the height and widht ?

shafty wrote:Where can i set the height and width of the input window?
When i use the drag to resize in the bottom right the window expands out of the <div> and i only see half the window.

Ever figure out a solution to this problem? I'm dealing with it right now and it's a little frustrating.

Earl

Fri, 01/22/2010 - 16:38

pudelwerfer

Joined: 22/01/2010

Posts: 1

Re: Where do i set the height and widht ?

Solved - read at the bottom!

Same Problem here.

config.resize_maxWidth = ... ignored

Firebug tells me a element style width of 750 in

<span lang="de" id="cke_myTextareaID" style="[b][color=#BF0000]width: 750px[/color][/b];" tabindex="0" title=" " dir="ltr" class="cke_skin_kama cke_editor_myTextareaID" onmousedown="return false;">

any helpful hints? Is this hardcoded in any file? Where comes this 750px from??? Not from me and my css.

Thank You

Okay - few seconds later - :idea: i've searched the root folder for the string '750' and found just one(!) file. In the ckeditor.js is something like 'resize_minWidth=750'. And thats the solution.

I had only set the maxWidth, but not the minWidth. Sure, if the minWidth is 750, then it will growing on resize to this state. I have added the minWidth and the maxWidth with the same value twice and its clearly the.

For anything who need this: just add your values for both: eg. width 500

   config.resize_enabled = true; 
   config.resize_minWidth = 500;
   config.resize_maxWidth = 500;

cheers, MJ

Mon, 03/01/2010 - 17:28

elewis33

Joined: 14/01/2010

Posts: 4

Re: Where do i set the height and widht ?

That was it!!! This needs to be documented better somewhere. I've searched high and low and couldn't find this answer anywhere. Thanks so much for posting back!

Earl