Referencing text input fields in CKEditor dialogs

Question

Hi, I've been playing around with this for a couple of weeks now with no success...

In a CKEditor dialog, text input fields are renamed with a unique number - e.g. id: 'txtUrl' will become something like id='27_textinput'.

How do I reference this?

// I feel it should be something like:

var myfield = CKEDITOR.instances.myElement.document.$.body.getId('txtUrl');

// or maybe:

var myfield = CKEDITOR.dialog.getContentElement('info','txtUrl');

// and then:

myfield.value = 'myvalue';

But these don't work. Please help! Thanks in advance, R

Answer 1

get

var ckValue = CKEDITOR.instances['txtUrl'].getData();

and set

CKEDITOR.instances['txtUrl'].setData(ckValue);

Answer 2

Look at the api dialog sample:

    // 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';

Answer 3

Having the same issue i think. Can't figure out how to set dialogDefinition. In the API example to do:

var dialogDefinition = ev.data.definition;

I try to do this in my own code (contents of dialog):

{ type:'select',
            id:'page',
           label:'Pagina:',   
           onChange: function(e){                  
                var dialogDef = e.data.definition;  
                var infoTab = e.getContents( 'info' ); 
            var titleField = infoTab.get( 'titel' );
            titleField['default'] = 'www.example.com';

},