Question

我正在构建一个小的假html / css手机，它会自动从页面上的几个输入框中插入数据:(手机是使用iframe插入的..（不要问）..）< / p>

$('#mgSiteDescription').bind('keyup', function() { 
   var iframedoc = $('.liveDemoFrame').get(0).contentDocument; 
   $(iframedoc).find('#header h2').html($(this).val()); 
});

这对我的输入字段非常好。

现在，我正在使用CKEditor为我的textareas带来了我的问题。由于textarea没有在页面上实时更新，我的keyup事件不起作用，因此，不更新我的假手机。如何调整CKEditor以便更新隐藏的textarea？或者甚至可以访问CKEditor的iframe并将数据拉出来？

感谢。

Answer 1

更新

我设法通过CKEditor获取了一个键盘功能，它甚至从我的假手机iFrame中删除了内容。我只是不知道如何将CKeditor的值/数据插入我的iframe ..如果有意义的话？

    CKEDITOR.instances.mgAddHomePage.on('contentDom', function() {
        CKEDITOR.instances.mgAddHomePage.document.on('keyup', function(event) {

            var iframedoc = $('.liveDemoFrame').get(0).contentDocument; 
            $(iframedoc).find('#content').html($(this).val());      

        });
    });

这是我需要更新的一点我猜？

html($(this).val())

有什么想法？

修改

所以我让它的工作接近我的意图。以下是与我处于类似位置的任何人的最终代码：

CKEDITOR.instances.mgAddHomePage.on('contentDom', function() { CKEDITOR.instances.mgAddHomePage.document.on('keyup', function(event) { var iframedoc = $('.liveDemoFrame').get(0).contentDocument; $(iframedoc).find('#content').html(CKEDITOR.instances.mgAddHomePage.getData()); }); });

即使您没有使用iFrame，这仍然有效。只需破解jquery iframe的东西。

关于CKEDITOR内部数据的jquery keyup

1 个答案: