Iframe post back to editor

Is it possible to add a new menu item in the CKEditor , which when clicked pops up in an iframe, and show a list of data from the database for the user to select.

Does anyone have some example code they can share that shows how to post back to the editor from the Iframe. I created several other plugins but can not figure out how to post back from the Iframe plugin. I have successfully created the button that opens the iframe and then pulled my selections in from my database. I select my items from the drop down list but I can not figure out how to pass my iframe selections and content back to ckeditor.

Fri, 07/01/2011 - 09:56

brunis

Joined: 13/04/2011

Posts: 29

Re: Iframe post back to editor

I second that! I could really use an example plugin showing how to get 'selected' values from an iframe dialog.

regards,
Dennis

Fri, 07/01/2011 - 21:41

datalink

Joined: 18/10/2007

Posts: 149

Re: Iframe post back to editor

Try this way as demonstration. It's not a complete code, only relevant parts.
Code for your dialog file

onOk : function()
{
    var myVar = iframeWindow.frameVar; // calls frameVar from iframe
    editor.insertHtml( myVar );
},
contents: [{
    elements: [{
        id : 'iframe',
        type : 'iframe',
        src : 'dialog.htm', // iframe file
        onContentLoad : function() {
            var iframe = document.getElementById(this._.frameId);
            iframeWindow = iframe.contentWindow;
            iframeWindow.frameVar = '1'; // sets 1 to iframes frameVar
        }
    }]
}]

Code for dialog.htm = your iframe file

// set this as header script
var frameVar;
window.onload = function() {
    document.getElementById('myinput').value = frameVar;
}
// set this to body
<input type="text" id="myinput" />

This should show 1 in text field if dialog is loaded. If you type in 2 it should insert it when you click OK. Hope it works, I don't test it.