ckEditor插件iframe对话框设置html输入

时间:2015-02-05 11:46:03

标签: javascript plugins dialog ckeditor

我正在为ckeditor写一些插件,这是我的第一次。 我有iframe对话框,它的apears和显示我的内容。

现在iframe加载后,我想获取编辑器代码,并将其导出到我的iframe中的div。但问题是,我不知道如何在iframe中找到元素。

CKEDITOR.dialog.addIframe(
        'dragboxDialog',
        'dragbox',
        'mydialog.html', 1295, 850,
        function() {
            this.getElement().hide(); //It s hide the iframe
            this.getElement().find('#box'); //Show error... Find function undefined.
        },
        function() { alert('aaaa'); }
    );

我需要将编辑器中的html导入到我的iframe中的#box div中。 然后单击确定,我想从#box获取html到ckeditor。

任何人都可以帮助我吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

Try this, seems to be the way to handle it:

CKEDITOR.dialog.addIframe(
        'dragboxDialog',
        'dragbox',
        'mydialog.html', 1295, 850,
        function() {
            iframeid=this._.frameId;/*get the iframe*/
        },
        {   
            onOk : function()// Dialog onOk callback.
            {
                texttoadd=$('#return', $('#' + iframeid).contents()).html();/*get the html contents of the element with the id of "return" in the iframe*/
                this._.editor.insertHtml(texttoadd);/*Add that HTML to the editor*/
            },
        }
    );