CKEditor CDN Plugin Issue

Hi i'm trying to host the ckeditor files on my content delivery network (CDN). Everything works fine but i have the following plugin. When i click OK i get an "Access Is Denied" error message. I'm assuming the "this._.editor.insertHtml" bit is causing the issue but i'm not sure how to fix it. Below is my plugin.js file:

(function() {
    CKEDITOR.plugins.add('imagemanager', {
        requires : ['iframedialog'],
        init : function(editor) {
            var iframeWindow = null;
            var me = this;
            CKEDITOR.dialog.add('imagemanager_dialog', function() {
                return {
                    title : 'Image Properties',
                    minWidth : 550,
                    minHeight : 320,
                    contents : [{
                        id : 'iframe',
                        label : 'Insert Image',
                        expand : true,
                        elements : [{
                            type : 'iframe',
                            src : me.path + 'dialogs/imagemanager.html',
                            width : '100%',
                            height : 320,
                            onContentLoad : function() {
                                // Set the iframe window
                                iframeWindow = document.getElementById(this._.frameId).contentWindow;
                                
                                // Try and get the current selected element
                                var selection = editor.getSelection();
                                var element = selection != null ? selection.getSelectedElement() : null;
                                
                                // If an image is selected then set the appropriate values
                                if (element != null && element.getName() == 'img') {
                                    iframeWindow.document.getElementById('url').value = element.getAttribute('src');
                                }
                            }
                        }]
                    }],
                    onOk : function() {
                        this._.editor.insertHtml('<img src="' + iframeWindow.document.getElementById('url').value + '" alt="" />');
                    }
                };
            });
            editor.addCommand('imagemanager', new CKEDITOR.dialogCommand('imagemanager_dialog'));
            editor.ui.addButton('ImageManager', {
                label : 'Insert Image',
                command : 'imagemanager',
                icon : this.path + 'images/icon.gif'
            });
        }
    });
})();

I'd appreciate it if someone could help. Thanks

Sun, 11/28/2010 - 21:26

jgd12345

Joined: 12/08/2007

Posts: 31

Re: CKEditor CDN Plugin Issue

Anyone? I've tried looking at the existing plugins but it's like looking for a needle in a haystack and the documentation is poor at best.

Fri, 12/03/2010 - 11:04

jgd12345

Joined: 12/08/2007

Posts: 31

Re: CKEditor CDN Plugin Issue

I've just waisted another couple hours looking at this. I tried doing:

var hr = new CKEDITOR.dom.element('hr', editor.document );
editor.insertElement(hr);

Within my onOk function but this chucks a null reference exception. I'm almost at the point of giving up with CKEditor as the support is terrible.

Fri, 12/03/2010 - 12:16

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: CKEditor CDN Plugin Issue

It's obvious that an html file for the iframe can cause issues in a cross-domain environment, but if you have also problems with a simple creation and insert of a hr then you might have other problems in your plugin.

Tue, 12/07/2010 - 14:31

jgd12345

Joined: 12/08/2007

Posts: 31

Re: CKEditor CDN Plugin Issue

Hi thanks for you reply but i can't see the difference between my onOk event and the ones in the existing plugins.

Tue, 12/07/2010 - 15:13

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: CKEditor CDN Plugin Issue

But are you still trying to do it in an iFrame?

The source of the horizontal rule plugin is quite easy to modify in order to perform some tests:

(function()
{
   var horizontalruleCmd =
   {
      canUndo : false,    // The undo snapshot will be handled by 'insertElement'.
      exec : function( editor )
      {
         editor.insertElement( editor.document.createElement( 'hr' ) );
      }
   };

   var pluginName = 'horizontalrule';

   // Register a plugin named "horizontalrule".
   CKEDITOR.plugins.add( pluginName,
   {
      init : function( editor )
      {
         editor.addCommand( pluginName, horizontalruleCmd );
         editor.ui.addButton( 'HorizontalRule',
            {
               label : editor.lang.horizontalrule,
               command : pluginName
            });
      }
   });
})();

Fri, 12/10/2010 - 13:06

jgd12345

Joined: 12/08/2007

Posts: 31

Re: CKEditor CDN Plugin Issue

Hi thanks, i started from your example and then worked up from it. The problem i had was this line:

CKEDITOR.dialog.add('imagemanager_dialog', function() {

Should have said:

CKEDITOR.dialog.add('imagemanager_dialog', function(editor) {

Now the editor instance gets passed in and you can say editor.insertHtml('...').