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

Question

我正在为 ckeditor 编写一些插件，这是我的第一次。我有 iframe 对话框，它会显示并显示我的内容。

现在加载 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。

有人可以帮助我吗？谢谢！

Answer 1

试试这个，似乎是处理它的方法：

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*/
            },
        }
    );

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

ckEditor plugin iframe dialog set html input

javascript

plugins

dialog

ckeditor