将文本从外部域iFrame拖到父窗口中的Droppable元素？

Question

我正在构建一个Web应用程序，要求允许用户将文本从iframe（src可以来自任何外部域）拖动到父窗口中的droppable元素。虽然我可以轻松获得iFrame窗口的句柄，但当我尝试从iFrame中选择数据时，我得到了预期的安全性错误。

目前，我正在玩他的网站上Mark Markich帖子中复制的代码。我修改了它以在iFrame中查找所选文本。我尝试根据我在此处阅读的内容修改网址片段（即在网址末尾添加＆＃34;＃crunch＆＃34; http://softwareas.com/cross-domain-communication-with-iframes

...但它似乎并没有什么不同。我还没有超越简单地试图掌握所选文本。

有没有办法捕获iFrame中突出显示的文本（指向外部域），以便可以将其拖动到父窗口中的元素？

以下是代码：

if(!window.crunch){
  crunch = {};
}

crunch.Selector = {};
crunch.Selector.getSelected = function(){

    var s = $("#xFrameWindow").attr('src');
    $("#xFrameWindow").attr('src', s + "#crunch")

    var t = '';

    if (window.frames["xFrameWindow"].getSelection) {
        t = window.frames["xFrameWindow"].getSelection();
    } else if(window.frames["xFrameWindow"].document.getSelection) {
        t = window.frames["xFrameWindow"].document.getSelection();
    } else if(window.frames["xFrameWindow"].document.selection) {
        t = window.frames["xFrameWindow"].document.selection.createRange().text;
    }

    return t;
}

crunch.Selector.mouseup = function(){
  var st = crunch.Selector.getSelected();
  if(st!=''){
    alert("You selected:\n"+st);
  }
}

$(document).ready(function(){
  $(document).bind("mouseup", crunch.Selector.mouseup);
});