Larger dialog size

Version: 4.1.2 'full'.

I've done the right thing, read the extensive documentation, tried the forum search (broken), tried Google, no luck. I just can't seem to figure out how to make the tiny dialogs for pasting BIGger! The closest I think I've come is here:

http://docs.ckeditor.com/#!/api/CKEDITOR.dialog.definition

where I can actually see both minWidth and width, minHeight and height properties but I'm not sure how to manipulate them.

I also felt I was getting close with this:

CKEDITOR.on( 'dialogDefinition', function( ev ) {

  // Take the dialog name and its definition 
  // from the event data.

  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;

  // Check if the definition is from the 
  // dialog window you are interested in.

  if ( dialogName == 'paste' ) {

    console.log(dialogDefinition);

    // Get a reference to the "Link Info" tab.
    // var infoTab = dialogDefinition.getContents( 'info' );
                
    // Set the default value for the URL field.
    // var urlField = infoTab.get( 'url' );
    //     urlField['default'] = 'www.example.com';

  }

});

which I copied and adjusted from ... well, a CKEditor documentation page somewhere but phew, I'm lost! The console.log(dialogDefinition) output doesn't seem to indicate what I need to change but I might be missing something.

Would really appreciate any help, thanks.

Thu, 08/08/2013 - 14:08

sebstefanov

Joined: 03/02/2012

Posts: 1329

Have you checked the samples

Have you checked the samples/plugins/dialog/dialog.html folder? Especially the source code? It has some useful information.

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Fri, 08/09/2013 - 05:34

(Reply to #2) #3

an0n1m0us

Joined: 01/07/2013

Posts: 17

Thanks for the tip seb. I

Thanks for the tip seb. I think the samples page you linked to is the page I had seen but could not remember it's name. Anyway I'm possibly half way there. I've got the dialog to resize, but the contents of it are still small. I used this code:

CKEDITOR.on( 'dialogDefinition', function( ev ) {

  // Take the dialog name and its definition 
  // from the event data.

  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;

  // Check if the definition is from the 
  // dialog window you are interested in.

  if ( dialogName == 'paste' ) {

    dialogDefinition.dialog.resize( 1024, 768 );

  }

});

Now if I can just figure out how to manipulate the contents of the dialog/iframe document, i'd be happy Because I'm currently getting the rather silly scenario illustrated by the attchment.

Thanks!

Attachments:

Attachment	Size
CKEditor 4.1.2 enlarged Paste dialog	32.88 KB

Fri, 08/09/2013 - 10:39

an0n1m0us

Joined: 01/07/2013

Posts: 17

Wow is this extremely painful

Wow is this extremely painful. The only node I can seem to select within the above dialogDefinition clause is the table at the top of the dialogue's HTML. I don't think I can use that node reference either because it is a reference that seems to be invisible to jQuery and/or Firebug, not too sure ATM.

How do I set the style for the span surrounding the iframe, the iframe itself and body (which is set to contentEditable)?

I really have worked hard to try and figure this out, along with a colleague. We've spent about 6 hours on it and are still wondering where we've gone wrong. All help would be hugely appreciated.

Does it matter that I'm using jquery-1.3.2.min.js instead of the latest version? jQuery doesn't seem to be aware of nodes created by CKEditor although that may just be a timing issue where the dialog elements do not get added into the DOM fast enough before I am trying to select them with jQuery.