Having trouble referencing objects in a dialog

I need to refer to the Link Type select box in the About dialog. I tried reading the doc's but they are very unclear. For example, I tried CKEDITOR.dialog() but didn't know what to send for the editor object since I used .replace to create my editor.

Could someone give me a hand?

Mon, 11/30/2009 - 04:52

tygershark

Joined: 30/11/2009

Posts: 18

Re: Having trouble referencing objects in a dialog

Find the dialog box you want to edit in the ckeditor/_source/plugins directory. These are the original source files that you can view the .js code easily.

All of the dialogs are plugin folders edit the plugin.js file in the dialog you want.

Once you edit this file to your satisfaction, overwrite it in the live directory at ckeditor/plugins.

It's a good idea to back up the plugins directory in case you need to revert.

I think this is what you are looking for?

Cheers,

Tyger Shark

Mon, 11/30/2009 - 05:16

tibberous

Joined: 30/11/2009

Posts: 6

Re: Having trouble referencing objects in a dialog

I'm looking to do it at runtime, with javascript.

In a normal program, I could just grab the id with Firebug, but this assigns seemingly random id's, giving me no real way to refer to objects. There appears to be some kind of API, but I have no idea how it works, and the documentation doesn't really explain it. I was hoping someone who knows the API (eg: the people who wrote it) could help me out.

Tue, 01/19/2010 - 17:36

pixelslave

Joined: 19/01/2010

Posts: 2

Re: Having trouble referencing objects in a dialog

You need two pieces of info to do that: the tab page's name in the dialog and the element's id. You can find them out from the plug-in's source file.

The next thing you know is to get a hold to the dialog object. I think 99.99% of the time, you will be trying to access the current dialog box, therefore, you can do this:

CKEDITOR.dialog.getCurrent()

Assuming you are trying to accessing the url field of the "Image" plugin's dialog box. You find out the url field is called "txtUrl" and the tab page is "info". You can now use the following codes:

To get the UI element

CKEDITOR.dialog.getCurrent().getContentElement("info", "txtUrl")

To get the value of the UI element

CKEDITOR.dialog.getCurrent().getValueOf("info", "txtUrl")

To set the value of the UI element

CKEDITOR.dialog.getCurrent().setValueOf("info", "txtUrl", "ABC.gif")

I hope that helps.

PixelSlave