将文本从外部域 iFrame 拖动到父窗口中的可放置元素？

Question

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

目前，我正在研究从 Mark Kolich 网站上的帖子中复制的代码。我已将其修改为在 iFrame 中查找选定的文本。我尝试根据我在这里读到的内容修改 URL 片段（即，在 URL 末尾添加“#crunch”）： 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);
});