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

Tue, 07/13/2010 - 22:09

rthakrar

Joined: 15/05/2010

Posts: 11

Text box in link dialog

Hi, I'm trying to interact with a text box in the Link dialog (get the value and set the value). Started with what's already there but it's not quite working...

CKEDITOR.dialog.add('link', function (a)
{ 
    var b = function () 
    {
         var s = this.getDialog(),
         z = s.getContentElement('info', 'txtUrl');
         z.setValue('asdasd');
    });
});

Any ideas will be helpful as I'm sure I'm almost there!

R

Wed, 07/14/2010 - 10:50

comp615

Joined: 02/07/2010

Posts: 295

Re: Text box in link dialog

I'm confused as to where you're doing this. If that's in your own plugin, you can't add a dialog that already exists. If not, you have to be careful what you're editing, because the letters seem to be randomly assigned at runtime, so it won't always work.

Wed, 07/14/2010 - 11:27

rthakrar

Joined: 15/05/2010

Posts: 11

Re: Text box in link dialog

Hi, I'm doing it in the existing Link dialog.

The ID numbers do change at runtime but CKEditor getContentElement is supposed to get around that - just don't quite know how to use it yet!

Thanks, R

Wed, 07/14/2010 - 11:39

comp615

Joined: 02/07/2010

Posts: 295

Re: Text box in link dialog

So are you sharing your raw code with us, or some type of Firebug output. You should be editing the code file itself. Also, remember that if you edit this, you either need to recompile the source or point to ckeditor_source.js for your changes to be applied.

Wed, 07/14/2010 - 11:55

rthakrar

Joined: 15/05/2010

Posts: 11

Re: Text box in link dialog

This is: ckeditor\plugins\link\plugin.js - so changes are applied on refresh (no recompiling required).

Wed, 07/14/2010 - 12:54

comp615

Joined: 02/07/2010

Posts: 295

Re: Text box in link dialog

Ok If you're sure...

Then your code should still not look like what you posted...since that's runtime code. (Not that it matters a ton, but just trying to make sure you are actually making changes in the right place). I have no idea what you're actually trying to do, but it seems like most of these changes should be in the dialog not in the plugin, but again, not sure what you're doing.

As it stands, that code should work. Have you step debuged with firebug? Do you get an error of some type?

Wed, 07/14/2010 - 13:42

rthakrar

Joined: 15/05/2010

Posts: 11

Re: Text box in link dialog

I see what you mean.

Well, I have a button that needs to change the value of the URL field, so I need to be able to access it. I can do "text_input_32.value='asdasd'" which works absolutely fine - but CKEditor changes the ID number depending on various things so I need a sort of 'absolute' reference to that text box.

The text box is called 'txtURL' when it's created so getContentElement should be able to reference that name.

Happy to execute something similar at runtime but then "this" would have to be referenced as well - and again, I'm not sure what the correct API call is...

Any ideas?

Wed, 07/14/2010 - 14:14

comp615

Joined: 02/07/2010

Posts: 295

Re: Text box in link dialog

Ok what you actually want to do is to assign an event to the button's onChange event. Then in there you'd use the code like you had before:

var dialog = this.getDialog(),
urlfield = dialog.getContentElement('info', 'txtUrl');
urlfield.setValue(this.getDialog());

You'll have to double check that. I always get the scope of getDialog mixed up. The button is in CKEditor or no?

If it's not, then the problem is that the scope of 'this' is probably wrong. And you have to do some hunting to make sure you are in the right window and can access the CKEDITOR.editor element. Let me know if you still have problems (And how you're putting the button in and such= and I can try to find a better example

Mon, 07/19/2010 - 22:24

rthakrar

Joined: 15/05/2010

Posts: 11

Re: Text box in link dialog

Hi sorry, only just had a chance to play around with this - unfortunately, it didn't work (this.getDialog is not a function - it must be presuming the button is 'this'?).

I decided to play around with some runtime code that I knew already worked - this is the code that alters the link dialog at runtime.

if ( dialogName == 'link' )
{
         // Get a reference to the Link Info tab.
         var infoTab = dialogDefinition.getContents( 'info' );

         // Remove the Target tab from the Link dialog.
         dialogDefinition.removeContents( 'advanced' );
}

So I added:

urlfield = dialogDefinition.getContentElement('info', 'txtUrl');
urlfield.setValue('Some new text');

and also tried:

urlfield = infoTab.getContentElement('info', 'txtUrl');
urlfield.setValue('Some new text');

But both gave an error: dialogDefinition.getContentElement / infoTab.getContentElement is not a function.

I feel like this must be a function that's used quite commonly and it's documented but just makes no sense so quite frustrating! Any more ideas will really help!

Tue, 07/20/2010 - 08:54

#10

comp615

Joined: 02/07/2010

Posts: 295

Re: Text box in link dialog

you just need to find the correct scope. You could try editor.getDialog(); etc.

For instance I have in one of my plugins:

var generatePicture = function(dialog, mode)
      { ..... }

//In my onOk function, I can then use:
generatePicture(this, 'for realz');
//Because in the onOk, this is the dialog

Similarly, you just have to alter it depending on where your coming from. Remember you can always use this.getDialog if you are only in the editor scope. I.E. From one of my added buttons:

generatePicture(this.getDialog(), 'preview');

Sat, 07/24/2010 - 13:19

#11

rthakrar

Joined: 15/05/2010

Posts: 11

Re: Text box in link dialog

http://redhive.co.uk/clientspace/cktest/index.html

http://redhive.co.uk/clientspace/cktest/cktest.rar

Sat, 02/19/2011 - 21:56

#12

rthakrar

Joined: 15/05/2010

Posts: 11

Re: Text box in link dialog

var dialog = CKEDITOR.dialog.getCurrent();
dialog.setValueof('info','txtUrl',"http://google.com");
return false;